Foros del Web » Programando para Internet » Javascript »

no cambia el div ayuda

Estas en el tema de no cambia el div ayuda en el foro de Javascript en Foros del Web. Hola tengo este codigo cuando le das un click cambia de color el boton que le diste y los demas se quedan en otro color. ...
  #1 (permalink)  
Antiguo 28/04/2010, 13:42
 
Fecha de Ingreso: enero-2005
Mensajes: 386
Antigüedad: 19 años, 3 meses
Puntos: 3
no cambia el div ayuda

Hola tengo este codigo cuando le das un click cambia de color el boton que le diste y los demas se quedan en otro color. pero cuando meto los div en una tabla dentro de los <td> ya no me funciona por que?

Código:
   1.
      <style type="text/css">
   2.
      .normal {background:#333}
   3.
      .activo {background:#FFF}
   4.
      </style>
   5.
      <script type="text/javascript">
   6.
      var trace = function(el){
   7.
          var all = el.parentNode.getElementsByTagName("div");
   8.
          for(var i=0; i < all.length; i++){
   9.
              all[i].className = "normal";
  10.
          }
  11.
          el.className = "activo";
  12.
      }
  13.
      </script>
  14.
      <div>
  15.
      <div style="padding:5px; cursor:pointer;" class="activo" onclick="trace(this)"><A HREF="#" onclick="javascript:accionBoton('../../galeria/01.html');"><img src="01.jpg" width="98" height="83" border="0" /></A></div>
  16.
      <div style="padding:5px; cursor:pointer" class="normal" onclick="trace(this)"><A HREF="#" onclick="javascript:accionBoton('../../galeria/02.html');"><img src="02.jpg" width="98" height="83" border="0" /></A></div>
  17.
      <div style="padding:5px; cursor:pointer" class="normal" onclick="trace(this)"><A HREF="#" onclick="javascript:accionBoton('../../galeria/03.html')"><img src="03.jpg" width="98" height="83" border="0" /></A></div>
  18.
      </div>
  #2 (permalink)  
Antiguo 28/04/2010, 13:51
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: no cambia el div ayuda

Hola:

Dentro de una tabla, el parentNode será la celda de la tabla que ocupa el div, supongo que cada div será uns celda, así que el parentNode será la celda, luego está la fila (tr -> table row)... y si está en filas distintas...

Supongo que la lista de divs tendrás que obtenerlas desde el parentNode.parentNode.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 28/04/2010, 13:58
 
Fecha de Ingreso: enero-2005
Mensajes: 386
Antigüedad: 19 años, 3 meses
Puntos: 3
Respuesta: no cambia el div ayuda

mm si por ejemplo a cada div le pongo el mismo id? se podra? Div Id="menu" y que todos los divs que tienen menu se cambien? solo tendria que cambiar

var all = el.parentNode.getElementsByTagName("div");


si no?
  #4 (permalink)  
Antiguo 28/04/2010, 14:16
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: no cambia el div ayuda

Hola:

Si los divs están en la misma celda, sería suficiente con parentNode, pero si está en distinta celda pero en la misma fila, se usaría parentNode.parentNode... pero si no es así la referencia tendría que ser parentNode.parentNode.parentNode...

Sobre la pregunta que has gecho, los id son atributos que deben ser únicos.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 28/04/2010, 15:02
 
Fecha de Ingreso: enero-2005
Mensajes: 386
Antigüedad: 19 años, 3 meses
Puntos: 3
Respuesta: no cambia el div ayuda

Gracias ya quedo a la perfeccion :D quedo con 2 parentNode

Etiquetas: cambios
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 10:09.