evento onclick para <li>

urgido · #1 (**permalink**) 25/10/2006, 21:17

Hola,

tengo algo como el siguiente código:

Código HTML:

<ul>
<li><a href="#uno">Uno</a></li>
<li><a href="#dos">Dos</a></li>
<li><a href="#tres">Tres</a></li>
<li><a href="#cuatro">Cuatro</a></li>
</ul>

Lo que quiero hacer es que si le dan click a la tag <li><a href="#uno">Uno</a></li> este cambie por: <li class="selected"><a href="#uno">Uno</a></li>, y si despues se le da click a otro link llamese: <li><a href="#tres">Tres</a></li> al anterior <li><a.... se le quite eso de class="selected" y se le atribuya al actual.

Espero sus respuestas. Y gracias por su ayuda.

JavierB · #2 (**permalink**) 26/10/2006, 01:24

Hola urgido

Creo que esto te servirá:

Código PHP:

  <html>
<head>
<style type="text/css">
.selected {color:red}
</style>
<script type="text/javascript">
var sel = null;
function selec(obj) {
  if (sel!=null) sel.className = '';
  obj.className = 'selected';
  sel=obj;    
}
</script>
</head>
<body>
<ul>
<li onclick="selec(this)"><a href="#uno">Uno</a></li>
<li onclick="selec(this)"><a href="#dos">Dos</a></li>
<li onclick="selec(this)"><a href="#tres">Tres</a></li>
<li onclick="selec(this)"><a href="#cuatro">Cuatro</a></li>
</ul>
</body>
</html>

Saludos,