Foros del Web » Programando para Internet » Javascript »

ayuda con código, seleccionar elementos y cambiar clase

Estas en el tema de ayuda con código, seleccionar elementos y cambiar clase en el foro de Javascript en Foros del Web. Hola como estan Quisiera preguntar como puedo escribir un código javascript para hacer lo siguiente: ejemplo: <ul id="lista"> <li class="noactivo" onclick="funcion()"></li> <li class="noactivo" onclick="funcion()"> <li ...
  #1 (permalink)  
Antiguo 27/09/2007, 21:43
Avatar de punk567  
Fecha de Ingreso: septiembre-2006
Ubicación: Montevideo
Mensajes: 265
Antigüedad: 17 años, 7 meses
Puntos: 5
ayuda con código, seleccionar elementos y cambiar clase

Hola como estan

Quisiera preguntar como puedo escribir un código javascript para hacer lo siguiente:

ejemplo:
<ul id="lista">
<li class="noactivo" onclick="funcion()"></li>
<li class="noactivo" onclick="funcion()">
<li class="noactivo" onclick="funcion()">
</ul>

Que funcion() cambie la clase "noactivo" por "activo" para el <li> correspondiente.

Agregando este código [onclick= " className='activo' "] dentro de <li> funciona, pero como se puede hacer para que el elemento deje ser activo en un nuevo click en otro <li>?

Saludos
  #2 (permalink)  
Antiguo 28/09/2007, 00:39
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Re: ayuda con código, seleccionar elementos y cambiar clase

Hola punk567

Prueba esto:

Código:
<li class="noactivo" onclick="funcion(); this.onclick=function(){return false}">
Saludos,
  #3 (permalink)  
Antiguo 28/09/2007, 08:15
Avatar de punk567  
Fecha de Ingreso: septiembre-2006
Ubicación: Montevideo
Mensajes: 265
Antigüedad: 17 años, 7 meses
Puntos: 5
Re: ayuda con código, seleccionar elementos y cambiar clase

Gracias por la ayuda Javier :arriba

REsolví así: a cada elemento <li class="noactivo" onclick="this.className='activo'">

y la función

function funcion() {
var x = document.getElementById('lista');
var y = x.getElementsByTagName('li');
for (var i=0;i<y.length;i++)
if (y[i].className == 'activo') {y[i].className = 'noactivo'}
}

que quita el class="activo" cuando se hace click en otro link.

Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:40.