[SOLUCIONADO] Problemas con un For

sgrd · #1 (**permalink**) 10/03/2013, 09:52

Hola buenas, tal vez este preguntando una tonteria pero me tiene bloqueado:

for (i=0; i<num_errores; i++){
var err1 = new Image();
err1.src = miArray[i].src;
context.drawImage(err1, miArray[i].ubic_x + dif_img, miArray[i].ubic_y);
}

Estoy haciendo esto para no tenerlo que repetir 5 veces (num_errores=5) y lo que quiero es saber como puedo hacer que var err1 y err1.src sea en funcion de la i+1 de forma que tenga var err1, la primera vez, luego var err2, etc. y asi las 5 veces, lo que me hace es pintar unas imagenes con html5 cargadas en un array.

emprear · #2 (**permalink**) 10/03/2013, 13:39

Supongo que tu miArray son las imágenes
Aquí estás comentiendo un error

err1.src = miArray[i].src;
la imagen es miArray[i], el segundo src te sobra
err1.src = miArray[i];

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>new Image() js</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
var miArray = ['https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/forrest-gump-250x350.jpg','https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/piratas-del-caribe-250x350.jpg','https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/lo-que-el-viento-250x350.jpg','https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/gladiador-250x350.jpg','https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/casablanca-250x350.jpg'];
var num_errores = 5;
window.onload = function(){
var contenedor = document.getElementById('muestras');
for (i=0; i<num_errores; i++){
var err1 = new Image();
err1.src = miArray[i];
// context.drawImage(err1, miArray[i].ubic_x + dif_img, miArray[i].ubic_y); 
contenedor.appendChild(err1);
 
}
}
//]]>
</script>
</head>
<body>
<div id="muestras">
</div>
</body>
</html>

Saludos

sgrd · #3 (**permalink**) 10/03/2013, 15:28

gracias por tu respuesta, MiArray contine una clase con mas cosas, pero esto me funciona perfectamente si hago esto 5 veces en vez de hacerlo con un for, es decir

error01 = new C_Error("Error01", "f01-e01.png", 32, 27, 230, 255, "false");
miArray[0] = error01;

Lo que yo hago 5 veces es:

var err1 = new Image();
err1.src = miArray[i].src;
context.drawImage(err1, miArray[i].ubic_x + dif_img, miArray[i].ubic_y);

var err2 = new Image();
err2.src = miArray[i].src;
context.drawImage(err2, miArray[i].ubic_x + dif_img, miArray[i].ubic_y);

etc, no tengas en cuenta miArray (seria: error01, error02, etc) ya que no cuadra entones, yo lo que quiero es es que var err1 fuese var err i+1, de forma que ya tendria al recorrer el for mis 5 var err: err1, err2, err3, err4 y err5 lo que no se es como declaro un var err y con la i para que incremente esta i con el for, si se pudira hacer var err + (i+1) ya tendria el problema resuelto.

for (i=0; i<num_errores; i++){
var err1 = new Image();
err1.src = miArray[i].src;
context.drawImage(err1, miArray[i].ubic_x + dif_img, miArray[i].ubic_y);
}

No se si me he explicado bien o no, pero esto debe pasar muchas veces, pongamos un ejemplo que queremos crear x variables en funcion de un for y asignarle un valor a esas variables, por ejemplo:
Nota1 = 1
Nota2 = 2
etc.

Siendo 1, 2, etc. la i. (tanto en Nota1 con en = 1, es decir Notai=i

sgrd · #4 (**permalink**) 11/03/2013, 01:22

Solucionado, me creo un array y ya puedo hacerlo, era bastante sencillo pero no pense en los arrays con o bien que vienen.

var A_error = new Array(num_errores);

for (i=0; i<num_errores; i++){
A_error[i] = new Image();
A_error[i].src = miArray[i].src;
context.drawImage(A_error[i], miArray[i].ubic_x + dif_img, miArray[i].ubic_y);
}