Salve,
È da un po' che mi sto arrovellando su questo problema: Ho un menù di navigazione (composto da immagini) comune a tutte le pagine e vorrei che al caricamento di una di queste cambiasse la classe della relativa voce di menù.
All'evento onLoad di ogni pagina richiamo la funzione, passando come argomento l'ID dell'immagine sulla quale desidero lavorare.
Al momento non ottengo il risultato: in qualunque pagina continuo a vedere tutte le immagini con la classe di partenza. Potete verificare di persona sul SITO (attualmente sto lavorando solo sull'index).
Di seguito vi posto gli stralci di codice.
index.asp (e così sarà in tutte le altre pagine; il javascript è posizionato all'interno della pagina solo temporaneamente)
codice:
[...]
<script type="text/javascript">
function ActiveTab(atab){
var e = getElementById(atab);
e.setAttribute("class", "active");
e.setAttribute("className", "active"); //Per compatibilità con IE
return;
}
</script>
</head>
<body onload="ActiveTab('hometab')">
<table id="content">
<tr>
<td class="logotd" id="container"></td>
</tr>
[...]
inc_menu.asp (non è realmente necessario postarlo qui, ma per sicurezza lo metto lo stesso)
style.css (sono a conoscenza del fatto che non sia un codice comune, ma assicuro il funzionamento perché l'ho già utilizzato in altri contesti)
codice:
[...]
.tab a img {filter:alpha(opacity=55); -moz-opacity: 0.5; opacity: 0.5}
.active a img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0}
[...]
Grazie.
Rispondi quotando
