Un bel sistema con JavaScript per portarsi dietro delle informazioni (dati, settaggi) da una pagina all' altra, è di "appenderle" all' URL come in quello che in PHP si chiama Metodo GET (l' altro è il POST); che puoi vedere in opera anche qui sul Forum, in barra indirizzi quello che vedi dopo il .php? è "roba appesa" (variabili):
http://forum.html.it/forum/showthread.php?threadid=2900338
e se le variabili sono più d' una, il carattere & è lo standard PHP per separarle nella stringe del GET:
http://forum.html.it/forum/forumdisplay.php?forumid=1&s=xyz
Ora gioca un po' con questi due, ancorché da completare ... :
index.html
l' OnClick nell' invocare la function mauro() le passa anche il Valore da impiegare.codice:<!DOCTYPE html PUBLIC> <html> <head><title>Index Page</title> <script type="text/javascript"> function mauro(enzo){ document.body.bgColor=enzo; document.getElementById("franca").href="one.html?" + enzo; } </script> </head><body><h2>Index Page</h2> <table border="0" cellpadding="4" cellspacing="0" width="20%" align="center"><tr valign="top"> <td>Go to <a id="franca" href="one.html">Page One</a></td> <td>Cambia Sfondo<br> <input onclick="mauro('white')" value="bianco" type="button"><br> <input onclick="mauro('yellow')" value="giallo" type="button"><br> <input onclick="mauro('#88AAFF')" value="celeste" type="button"><br> </td></tr> </table> </body> </html>
E detta funzione, oltre a cambiare il colore di sfondo con la prima istruzione, cambia il Valore di HREF con la seconda.
one.html
codice:<!DOCTYPE html PUBLIC> <html> <head><title>Page One</title> <script type="text/javascript"> function rino(){ var sandra = document.location.href.split("?"); alert('.split() ti ha "spaccato" l\' URL nei punti dove c\'è il carattere indicato ("?") e con le parti, popola un Array' + '\n' + '\nvar sandra è l\' Array, in cui il colore da recuperare è a posizione 1 : ' + '\n' + '\nsandra[0]=' + sandra[0] + '\nsandra[1]=' + sandra[1] + '' + '\nsandra[2]=' + sandra[2] + ''); document.body.bgColor=sandra[1]; } </script> </head><body onload="rino();"><h2>Page One</h2> <table border="0" cellpadding="4" cellspacing="0" width="20%" align="center"><tr> <td>Go to <a href="index.html">Index Page</a></td></tr> </table> </body> </html>
Rispondi quotando