cambiar class con un onclick

[fullmental]

Hola que tal

se puede hacer que un enlace cambie de .class (CSS) con un evento onClick???

ejemplo:

Código:

<a href="x.html" onClick="className='seleccion'">enlace</a>

pero que esta quede con esta clase hasta que otro enlace sea seleccionado???
es decir que se quede asi despues del click.

[ludovico2000]

No sé cómo podría ser la función, pero está claro que debe incluir una recarga de la página...

[jahepi]

Hola fullmental!

Supongamos que esta es tu hoja de estilos y la tienes adjunta a tu documento.

Código PHP:

  a.menuInf:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF9900;
    text-decoration: none;

}
a.menuInf:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFF00;
    text-decoration: none;
}
a.menuInf:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}
a.menuInf:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
/*----------------------------------------------------*/
a.menuI:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #555555;
    text-decoration: none;

}
a.menuI:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #555555;
    text-decoration: none;
}
a.menuI:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
}
a.menuI:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #555555;
    text-decoration: none;
} 
   

Son las 2 clases compuestas para cada uno de los links, si quieres cambiar el nombre de la clase dentro del enlace podrías aplicar este método.

Código PHP:

  <a href="" class="menuInf" onclick="this.className='menuI'; return false;">Mi Enlace</a> 
   

Primero carga la clase deseada y cuando el evento onClick se invoque le digo que me cambie el nombre de la clase, el return false es para que la acción de respuesta del evento no se invoque para que no me mande a una página X.

Ojala te sirva.

Suerte!