Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/03/2013, 12:02
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: insertar ciclo for dentro de una función

Cita:
Iniciado por mpaunero10 Ver Mensaje
Estoy intentando con javascript que al activar una función me salga un desplegable con un ciclo for con distintas fotografías, pero me da error al intentar redactar un ciclo for dentro de la función. Esto es lo que estoy intentando:


function desplegable () {
document.getElementById("lug_drc").innerHTML= "<div id='opciones'><h1>Titulo de foto 1</h1>

Y me gustaría meter esto aquí dentro y que funcione:

for (i=0; i<5; i++) {
document.write("<img src='imagenes/cordoba0"+ i +".jpg'/>");
}


</div>";
}

A ver si me podeís ayudar, gracias!

A ver, esto está correcto

Código:
for (i=0; i<5; i++) {
document.write("<img src='imagenes/cordoba0"+ i +".jpg'/>");
}
Te va a general

Código:
<img src="imagenes/cordoba00.jpg">
<img src="imagenes/cordoba01.jpg">
<img src="imagenes/cordoba02.jpg">
<img src="imagenes/cordoba03.jpg">
<img src="imagenes/cordoba04.jpg">
Ahora eso mismo metido en esa función que creaste, es más o menos que un desastre.

o creas contenido al vuelo con document.write(), ó generás una cadena para hacerle un innerHTML a otro elemento, pero no las dos cosas
Para generar la cadena utiliza

Código:
var cadena = ""
for (i=0; i<5; i++) {
cadena += "<img src='imagenes/cordoba0"+ i +".jpg'/>";
}
// y ya luego fuera del for
elemento.innerHTML = cadena;
Se entiende?
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.