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
Printable View
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
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
Credo di aver capito cosa vuoi fare...
Dai un'occhiata a questo codice:
Così ti torna? L'ho provato in ie6 e ff3.5 e dovrebbe andare!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>
Comunque, "giocando" con le due funzioni "apri" e "chiudi" dovresti ottenere l'effetto che vuoi..