aprire piu iframe tramite link (2)

[mauriziof]

Qualche giorno fa, avevo aperto questo topic: http://forum.it.altervista.org/basi-...mite-link.html . Il problema e stato risolto in parte e se cliccate qui andate alla pagina con le spiegazioni e l'esempio. Grazie a chi riesce ad aiutarmi
Maurizio

[alessandrozappa]

Allora:
- Le due iframe si sovrappongono xé hai messo nello stile "position: absolute;". Toglilo e funzionerà..
- Invece di ricaricare la pagina, esegui il codice javascript "document.getElementById(id).style.display = 'hidden';" dove ritieni più opportuno per far sparire l'iframe corrispondente!

Prova, fai poi sapere se è tutto ok!

[mauriziof]

Allora:
- Le due iframe si sovrappongono xé hai messo nello stile "position: absolute;". Toglilo e funzionerà..
- Invece di ricaricare la pagina, esegui il codice javascript "document.getElementById(id).style.display = 'hidden';" dove ritieni più opportuno per far sparire l'iframe corrispondente!

Prova, fai poi sapere se è tutto ok!

La funzione "position: absolute;"
e necessaria per far comparire gli iframe in un punto preciso della pagina e quindi si sovrappongono tutti; ecco perchè ci vuole la funzione che ricarica la pagina o chiude il vecchio prima di caricare il nuovo iframe. Ho provato a usare il codice "document.getElementById(id).style.display = 'hidden';" senza averne risultato, sicuramente sbaglio io e se si potessero avere delle spiegazioni piu dettagliate sarebbe fantastico.
Grazie

[alessandrozappa]

Credo di aver capito cosa vuoi fare...
Dai un'occhiata a questo codice:

<script type="text/javascript">
<!--
function apri(id){
    if (document.getElementById)
    { document.getElementById(id).style.display = 'block'; }
}

function chiudi(id){
    if (document.getElementById)
    { document.getElementById(id).style.display = 'none'; }
}
-->
</script>

<a href="#" onclick="apri('testo'); chiudi('testo1'); return false">link 1 </a>
<a href="#" onclick="apri('testo1'); chiudi('testo');  return false">link 2 </a>
<a href="#" onclick="chiudi('testo'); chiudi('testo1');  return false">pulisci schermo</a>

<div id='testo' style=" position: absolute; top:150px; left:400px; display:none;">
    <iframe width='500' height='300' frameborder='0' src='http://spreadsheets.google.com/pub?key=tYZmAV8wLxGC8vlAaIRuftQ&output=html&widget=true'></iframe>
</div>

<div id='testo1' style=" position: absolute; top:160px; left:450px; display:none;">
    <iframe width='500' height='300' frameborder='0' src='http://spreadsheets.google.com/pub?key=txYQn2Mn6DWVinxQCkThHsw&output=html&widget=true'></iframe>
</div>

Così ti torna? L'ho provato in ie6 e ff3.5 e dovrebbe andare!
Comunque, "giocando" con le due funzioni "apri" e "chiudi" dovresti ottenere l'effetto che vuoi..