Cambiar la Clase de otro elemento, con el evento onClick

[Ferdinandum]

Hola, Tengo este codigo:

CSS

Código:

#MenuTitulo a{.........................}
#MenuTitulo  a:hover {.............}
#MenuTitulo a.current {............}

HTML

Código:

<div id="CapaMenu">
	  <table>
	    <tr>
		  <td id="MenuTitulo"><a href="...."  >Inicio</a></td>
		  <td id="MenuTitulo"><a href="....." >Usuario</a></td>
	    </tr>
	  </table>
  </div>

Quiero cuando haga click en elemento de la tabla, quiero que ese elemento sea current y el otro no.

con:

Código:

<td id="MenuTitulo"><a onclick="class='current' " href=".....">Inicio</a></td>

consigo que el primer elemento lo sea, pero si lo pongo en los dos, al final son los dos a la vez.

Como puedo, que si current es uno, no lo sea el otro y viceversa. Gracias

[djparimo]

Iniciado por Ferdinandum

Hola, Tengo este codigo:

CSS

Código:

#MenuTitulo a{.........................}
#MenuTitulo  a:hover {.............}
#MenuTitulo a.current {............}

HTML

Código:

<div id="CapaMenu">
	  <table>
	    <tr>
		  <td id="MenuTitulo"><a href="...."  >Inicio</a></td>
		  <td id="MenuTitulo"><a href="....." >Usuario</a></td>
	    </tr>
	  </table>
  </div>

Quiero cuando haga click en elemento de la tabla, quiero que ese elemento sea current y el otro no.

con:

Código:

<td id="MenuTitulo"><a onclick="class='current' " href=".....">Inicio</a></td>

consigo que el primer elemento lo sea, pero si lo pongo en los dos, al final son los dos a la vez.

Como puedo, que si current es uno, no lo sea el otro y viceversa. Gracias

No se podra hacer en los dos con uno de esto:

Código:

<td id="MenuTitulo"><a onclick="class='current' " href=".....">Inicio</a></td>

???

[Ferdinandum]

Entonces tengo que hacer

#MenuTitulo_1 a{.........................}
#MenuTitulo_1 a:hover {.............}
#MenuTitulo_1 a.current {............}

#MenuTitulo_2 a{.........................}
#MenuTitulo_2 a:hover {.............}
#MenuTitulo_2 a.current {............}


Pero esto si tengo muchos menus es un poco cutre no?

[f0vela]

Para solucionarlo, si es una pagina dinámica con Javascript tendrias que hacer dos cosas.

Al momento de hacer click deberas cambiar la clase de los elementos que esten seleccionados como current y quitarles el current y al que le diste click ponerle la clase current.

De esta manera podras hacer que solo el que fue seleccionado tenga esa clase.

Si la pagina se refresca por completo (como en un F5) entonces tendras que hacer otras cosas mas.