Salve a tutti,
ho creato una pagina dhtml sulla base dello schema illustrato nel presente sito: ho quindi creato una serie di <div id> invisibili che al variare della voce di menu cliccata diventano visibili grazie al codice javascript
Ho quindi creato il menu e associato a ciascuna voce la relativa funzione:
Quello che vorrei è riuscire ad evidenziare la voce di menu attiva rispetto alle altre in modo che quando risulta visibile il div associato anche la voce di menu risulti di un colore diverso rispetto alle altre.
Così avevo pensato di inserire nel foglio di stile css
e alla voce 1 la relativa classe
A questo punto per poter consentire anche alle altre voci di essere evidenziate non appena vengono cliccate, ho pensato che dovrei lavorare sul codice javascript e pertanto ho pensato di inserire alla funzione menu(iD) sopra evidenziata anche il presente codice
ma non funziona..
cosa sbaglio? è giusto il ragionamento che ho fatto? grazie a tutti per i consigli
ho creato una pagina dhtml sulla base dello schema illustrato nel presente sito: ho quindi creato una serie di <div id> invisibili che al variare della voce di menu cliccata diventano visibili grazie al codice javascript
Codice:
<script type="text/javascript">
function Menu(ID)
{
var i = 1;
var max_link = 5;
for (i=1; i<max_link+1; i++)
{
if (ID == i)
{
document.getElementById("PG_" + ID).style.visibility = "visible";
document.getElementById("PG_" + ID).style.position = "relative";
}
else
{
document.getElementById("PG_" + i).style.visibility = "hidden";
document.getElementById("PG_" + i).style.position = "absolute";
}
}
}
</script>
Ho quindi creato il menu e associato a ciascuna voce la relativa funzione:
Codice:
<div id="menu">
<ul>
<li>
<a href="javascript:Menu(1)">voce1</a>
</li>
<li>
<a href="javascript:Menu(2)">voce2</a>
</li>
<li>
<a href="javascript:Menu(3)">voce3</a>
</li>
<li>
<a href="javascript:Menu(4)">voce4</a>
</li>
<li>
<a href="javascript:Menu(5)">voce5</a>
</li>
</ul>
</div>
Quello che vorrei è riuscire ad evidenziare la voce di menu attiva rispetto alle altre in modo che quando risulta visibile il div associato anche la voce di menu risulti di un colore diverso rispetto alle altre.
Così avevo pensato di inserire nel foglio di stile css
Codice:
li.current a{ background-color:#DDDDDD;}
Codice:
<li class="current">
Codice:
document.getElementById(ID).className = 'current';
cosa sbaglio? è giusto il ragionamento che ho fatto? grazie a tutti per i consigli