cambio classe a seconda della variabile su una pagina

[robertinho95]

Ciao, ho un problema con degli script, intanto dico cosa deve fare. Ho ua pagina HTML es.index, prodotti, novita... in cui è presente un iframe la cui sorgente è un'altra pagina HTML ad es.menu.html ho bisogno che a seconda della pagina principale quindi index, prodotti o novita cambi nella pagina menu la classe es. da off a on di un determinato tag es. <a></a> con un determinato id. io ho pensato di fare così ma non funziona.

nelle pagine index, prodotti e novita ho il seguente script:

<script src="menu.js" type="text/javascript">
	page="index";  // inizializzo la variabile page a index
/* il valore della variabile varia a seconda della
pagina quindi potrà essere anche "prodotti" o
"novita" */
	window.onload = function() { // appena la pagina è caricata eseguo..
		pronto="si"; // inizializzo la variabile pronto a si
	}
</script>

poi ho creato un file .js es.menu.js che si occupa di far passare la variabile page e pronto dalle pagine index, prodotti, o novità alla pagina menu, nel file menu.js c'è il codice seguente:

var page; // dichiaro la variabile page
var pronto; // dichiaro la variabile pronto
pronto="no"; // inizializzo la variabile pronto a no 
page="null"; // inizializzo la variabile page come vuota

nella pagina menu invece ho una situazione di questo tipo:

<script type="text/javascript" src="menu.js">
while (pronto=="no") { //finchè la una delle pag es. index non è pronta ripeto il ciclo...
	var aspetta=1; // do questa istruzione per mettere qualcosa nel ciclo while
}
if (page=="index") { // se la pagina è index faccio questo
		window.onload = function() { //appena la pag è caricata...
		var index = document.getElementById("index");
		index.className="on"; //metto all'oggetto index la classe on
	}
if (page=="prodotti") { // se la pagina è prodotti faccio questo
		window.onload = function() { //appena la pag è caricata...
		var prodotti = document.getElementById("prodotti");
		prodotti.className="on"; //metto all'oggetto prodotti la classe on
	}
if (page=="novita") { // se la pagina è novita faccio questo
		window.onload = function() { //appena la pag è caricata...
		var novita = document.getElementById("novita");
		novita.className="on"; //metto all'oggetto novita la classe on
	}
}
</script>
HOME
PRODOTTI
NOVITA

vorrei sapere cosa sbaglio, metto il menu dentro l'iframe perchè quando vado ad aggiungere pagine non devo modificare i menu di tutte le pagine ma mi basta modificare solo il menu.html

Grazie in anticipo

[robertinho95]

c'è nessuno?

[Xinod]

ma se la pagina che contiene anche l' iframe cambia sempre tutta non c'e' bisogno di perdersi in variabili, attese di load e presunti sleep: valuta semplicemente l' indirizzo del parent dell' iframe

[robertinho95]

Originariamente inviato da Xinod
ma se la pagina che contiene anche l' iframe cambia sempre tutta non c'e' bisogno di perdersi in variabili, attese di load e presunti sleep: valuta semplicemente l' indirizzo del parent dell' iframe

Grazie per la risposta, allora come faccio a rilevare l'indirizzio del parent e a cambiare la classe a seconda dell'indirizzo?