cambiar fondo de un li

Phoenix23 · #1 (**permalink**) 24/09/2008, 03:17

Hola todos,

Mi problema es el siguiente:
quiero cambiar el fondo a un li al hacer click sobre un enlace que hay en el. eso hago bien, pero (tengo 3 enlaces)si hago click en las tres se quedan los tres con el fondo cambiado y quiero que solo uno este con el fondo cambiado. os dejo el codigo.

Código HTML:

<li onclick="this.style.background='#3399CC'" class="numPantallas"><a href="#" class="fondo">[1]</a></li>
		<li onclick="this.style.background='#3399CC'" class="numPantallas"><a href="#" class="fondo">[2]</a></li>
		<li onclick="this.style.background='#3399CC'" class="numPantallas"><a href="#" class="fondo">[3]</a></li>

gracias de antemano y saludos:

JavierB · #2 (**permalink**) 24/09/2008, 09:24

Hola Phoenix23

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function color(obj) {
  capa = document.getElementById('lis');
  for (i=0; ele = capa.getElementsByTagName('li')[i]; i++)
    ele.style.background = (ele==obj) ? 'red' : '';
}
</script>
</head>
<body>
<ul id="lis">
<li onclick = "color(this)">Uno</li>
<li onclick = "color(this)">Dos</li>
<li onclick = "color(this)">Tres</li>
</ul>
</body>
</html>

Saludos,

Phoenix23 · #3 (**permalink**) 25/09/2008, 08:51

Gracias por la respuesta JavierB,
era justo lo que necesitaba.

Gracias y saludos!!