Colore link

[Alej]

Ciao a tutti. Non so se questa è la sezione giusta dove postare e non so nemmeno se la cosa che voglio realizzare si possa fare. Dunque...ho incluso con php un menu in una pagina e vorrei che quando si cliccasse su una voce del menu questa cambiasse di colore. Cioè che quando sono su una delle voci questa sia di colore diverso dalle altre...non so se rendo l'idea. Ho ipotizzato che forse si potrebbe far cambiare la classe con javascript. Ma come? Grazie. Ciao.

[Alej]

up!

[pierofix]

Un esempio.

XHTML

<ul id="menu">[*]
      pomodori
   [*]
      patate
   [*]
      uva
   [/list]


CSS

.selezionato
{
   color:red;
}


Javascript

window.onload = function()
{
   var menu = document.getElementById('menu')
   var voci = menu.getElementsByTagName('a')

   function pulisci_menu()
   {
      for (var j = 0; j < voci.length; j++)
      {
         voci.item(j).className = ' '
      }
   }

   for (var i = 0; i < voci.length; i++)
   {
      voci.item(i).onclick = function()
      {
         pulisci_menu()
         this.className = 'selezionato'
      }
   }
}

[Alej]

Lo script funziona ma quando metto una classe ai link
cioè:

#menu a{
color:#000;
font-weight:bold;
}
#menu a:hover{
color:#666;
font-weight:bold;
}

non funziona più...come faccio? Grazie.

[pierofix]

Prova così:

CSS

#menu a
{
   color:#000;
   font-weight:bold;
}
#menu a:hover
{
   color:#666;
   font-weight:bold;
}
#menu a.selezionato
{
   color:red;
}

[Alej]

perfetto...non ci avevo pensato. Grazie mille! Ciao!