Se le dimensioni/caratteristiche dell' IFRAME possono restare invariate come intendo, allora basta cambiare il Valore di SRC cioè la path della pagina che l' iframe mostra.
Il principio è questo: una funzione nell' HEAD :
<script type="text/javascript">
function carica(){
    document.getElementById("campo").src = "http://www.google.it/";
    }
</script>
con un comando che chiama la function, e l' ID conferito all' IFRAME, nel BODY :
<input type="button" value="Google" onclick="carica()">
<iframe id="campo" src="http://forum.html.it/" width="60%" height="50%"></iframe>
Diverse coppie funzione/comando (diversamente nominate) possono già dare la possibilità di avere più sostituzioni; ma una migliore evoluzione della cosa può essere questa, dove la function rimane unica e gli URL le vengono passati di volta in volta dai comandi.
In questo caso, ci si avvale di un termine di servizio posto tra le parentesi di function carica() ed anche riportato nella stringa di esecunzione; arturo fa da veicolo:
Ora questo, che già figura un indice manuale, lo dovremo automatizzare seguendo una cadenza con setTimeout('esecuzione', tempo) o setInterval che sono i TIMER messi a disposizione da JavaScript.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>JS iframe src</title> <script type="text/javascript"> <!-- function carica(arturo){ document.getElementById("campo").src = arturo; } --> </script> </head> <body bgcolor="#D0D090" onload="setTimeout=('carica('http://www.google.it/')', 5000);"> <div align="center"> <input type="button" value="Forum " onclick="carica('http://forum.html.it/')"> <input type="button" value="Google" onclick="carica('http://www.google.it/')"> <input type="button" value="Yahoo " onclick="carica('http://www.yahoo.it/' )"> <input type="button" value="Libero" onclick="carica('http://www.libero.it/')"> <iframe id="campo" src="http://forum.html.it/" width="60%" height="50%" frameborder="1"></iframe> </div> </body> </html>
Rispondi quotando