Foros del Web » Programando para Internet » Javascript »

Estructura FOR y DIV no anda

Estas en el tema de Estructura FOR y DIV no anda en el foro de Javascript en Foros del Web. Buenas, estoy aprendiendo como hacer "array" supongo que asi se llaman.. tengo 4 div, con una imagen en cada uno. estan todos ocultos y los ...
  #1 (permalink)  
Antiguo 20/08/2011, 13:56
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 819
Antigüedad: 12 años, 3 meses
Puntos: 7
Pregunta Estructura FOR y DIV no anda

Buenas, estoy aprendiendo como hacer "array" supongo que asi se llaman..

tengo 4 div, con una imagen en cada uno.

estan todos ocultos y los quiero hacer aparecer uno en uno usando un for.

lo hice de esta manera pero no salio.

Código HTML:
Ver original
  1. </head>
  2.  
  3.  
  4. <script language="javascript" type="text/javascript">
  5.  
  6.  
  7. for (i=1; i<=10; i=i+1){
  8.  
  9.  
  10.  
  11. var f=document.getElementById('a(i)');
  12. f.style.display='block';
  13.  
  14.  
  15. }
  16.  
  17. <div class="a01" id="a(i)" style="display:none"></div>
  18. <div class="a02" id="a(i)" style="display:none"></div>
  19. <div class="a03" id="a(i)" style="display:none"></div>
  20. <div class="a04" id="a(i)" style="display:none"></div>
  21.  
  22.  
  23. </body>
  24. </html>

No logro saber donde esta el error,
Muchas gracias por todo
Saludos
Fede
  #2 (permalink)  
Antiguo 21/08/2011, 01:09
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 11 años, 3 meses
Puntos: 1532
Respuesta: Estructura FOR y DIV no anda

1 - no existe ninguna mención de Array en js
2 - se supone que en el html ID debe ser único, es decir que (i) ha de ser sustituido por un número:

Código HTML:
Ver original
  1. <div class="a01" id="a(1)" style="display:none"></div>
  2. <div class="a02" id="a(2)" style="display:none"></div>
  3. <div class="a03" id="a(3)" style="display:none"></div>
  4. <div class="a04" id="a(4)" style="display:none"></div>

3 - en js nunca declaras var i
4 - js no analiza variables en cadenas, debes concatenar:

Código Javascript:
Ver original
  1. var f=document.getElementById('a('+i+')');
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 21/08/2011, 11:29
 
Fecha de Ingreso: diciembre-2010
Mensajes: 39
Antigüedad: 8 años, 11 meses
Puntos: 6
Respuesta: Estructura FOR y DIV no anda

maycolalvarez lleva razón, el código correcto sería:

Código Javascript:
Ver original
  1. </head>
  2.      
  3.     <body>
  4.      
  5.     <script language="javascript" type="text/javascript">
  6.      
  7.      
  8.     for (i=1; i<=10; i++){
  9.      
  10.      
  11.      
  12.     var f=document.getElementById('a('+i+')');
  13.     f.style.display='block';
  14.      
  15.      
  16.     }
  17.     </script>
  18.      
  19.     <div class="a01" id="a1" style="display:none"></div>
  20.     <div class="a02" id="a2" style="display:none"></div>
  21.     <div class="a03" id="a3" style="display:none"></div>
  22.     <div class="a04" id="a4" style="display:none"></div>
  23.      
  24.      
  25.     </body>
  26.     </html>

Y recuerda: ID único, las clases puedes repetirlas cuando quieras
  #4 (permalink)  
Antiguo 21/08/2011, 13:37
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 11 años, 3 meses
Puntos: 1532
Respuesta: Estructura FOR y DIV no anda

Cita:
Iniciado por srgio1112 Ver Mensaje
maycolalvarez lleva razón, el código correcto sería:

Código Javascript:
Ver original
  1. </head>
  2.      
  3.     <body>
  4.      
  5.     <script language="javascript" type="text/javascript">
  6.      
  7.      
  8.     for (i=1; i<=10; i++){
  9.      
  10.      
  11.      
  12.     var f=document.getElementById('a('+i+')');
  13.     f.style.display='block';
  14.      
  15.      
  16.     }
  17.     </script>
  18.      
  19.     <div class="a01" id="a1" style="display:none"></div>
  20.     <div class="a02" id="a2" style="display:none"></div>
  21.     <div class="a03" id="a3" style="display:none"></div>
  22.     <div class="a04" id="a4" style="display:none"></div>
  23.      
  24.      
  25.     </body>
  26.     </html>

Y recuerda: ID único, las clases puedes repetirlas cuando quieras
de hecho te has equivocado aquí:
Código Javascript:
Ver original
  1. var f=document.getElementById('a('+i+')');

porque en el HTML no utilizaste los paréntesis .
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #5 (permalink)  
Antiguo 22/08/2011, 14:16
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 819
Antigüedad: 12 años, 3 meses
Puntos: 7
Pregunta Respuesta: Estructura FOR y DIV no anda

Hola.!, chicos muchas gracias por responder y despejar mis dudas, voy hacer el codigo y les aviso como me fue..

Muchas gracias..

Saludos
Fede
  #6 (permalink)  
Antiguo 23/08/2011, 03:01
 
Fecha de Ingreso: diciembre-2010
Mensajes: 39
Antigüedad: 8 años, 11 meses
Puntos: 6
Respuesta: Estructura FOR y DIV no anda

Perdon! Que fallo mas tonto... y yo intentando enseñarle como se hace...
  #7 (permalink)  
Antiguo 23/08/2011, 18:15
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 11 años, 3 meses
Puntos: 1532
Respuesta: Estructura FOR y DIV no anda

Cita:
Iniciado por srgio1112 Ver Mensaje
Perdon! Que fallo mas tonto... y yo intentando enseñarle como se hace...
aveces pasa por el necesidad de ayudar
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #8 (permalink)  
Antiguo 25/08/2011, 19:29
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 819
Antigüedad: 12 años, 3 meses
Puntos: 7
Pregunta Respuesta: Estructura FOR y DIV no anda

Buenas, despues de probar varios ejemplos y buscar en google, llegue a la conclucion que algo e hecho mal...
no me funciona..

este es el codigo:

Código Javascript:
Ver original
  1. </head>
  2.  
  3. <body>
  4.  
  5. <script language="javascript" type="text/javascript">
  6.  
  7. for (i=1; i<=10; i++){
  8.  
  9.      
  10.      
  11.     var f=document.getElementById('a('+i+')');
  12.     f.style.display='block';
  13.      
  14.  
  15.     }
  16.     </script>
  17.  
  18.  
  19. <div class="a01" id="a1" style="display:none"></div>
  20. <div class="a02" id="a2" style="display:none"></div>
  21. <div class="a03" id="a3" style="display:none"></div>
  22. <div class="a04" id="a4" style="display:none"></div>
  23.  
  24.  
  25. </body>
  26. </html>
  #9 (permalink)  
Antiguo 26/08/2011, 09:50
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 819
Antigüedad: 12 años, 3 meses
Puntos: 7
Respuesta: Estructura FOR y DIV no anda

Buenas.!! el codigo funciona si pongo el script despues de html...

Código Javascript:
Ver original
  1. <body>
  2. <div class="a01" id="a1" style="display:none"></div>
  3. <div class="a02" id="a2" style="display:none"></div>
  4. <div class="a03" id="a3" style="display:none"></div>
  5. <div class="a04" id="a4" style="display:none"></div>
  6. <script language="javascript" type="text/javascript">
  7. for (i=1; i<=4; i++){
  8. var f=document.getElementById('a'+i);
  9. f.style.display='block';}
  10.     </script>
  11. </body>
  12. </html>

Muchas Gracias.!!
Saludos
Fede

Etiquetas: anda, estructura, html
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 16:32.