Error en función para insertar imagenes

Vincens · #1 (**permalink**) 07/07/2012, 05:56

Hola, estoy realizando un pequeño script que pretendo que calcule una serie de resultados, asocie una imagen a dichos resultados y entonces que dichas imagenes me aparezcan en la página web. Sin embargo no me acaba de funcionar la función mostrarResultado() que reproduzco más abajo. No sé si el problema está en que no se puede hacer appendChild con arrays u otro motivo. ¿Alguien me puede decir que hago mal?

He puesto la parte que afecta a la función, todas las variables estan definidas

Muchas gracias y perdonad las molestias

Código HTML:

<head>
    	<script type="text/javascript">
		var resultados = new Array();
		
		//Creo una función que crea las imagenes de todas los resultados y las incorpora a un elemento div	
		
		function mostrarResultado() {
			var dados = new Array()
			for (var i=0; i<resultados.length; i++) {
			 	dados[i] = document.createElement("img");
				dados[i].src = eval("Resultado " + i + ".gif");
			        document.getElementById(resultadotirada).appendChild(dados[i]);
			}
		}
		
 	</script>
</head>
<body>
   	<div id="resultadotirada"></div>	
</body>
</html>

Lynxcraft · #2 (**permalink**) 07/07/2012, 07:31

no entiendo porque pones eval después ten en cuenta que en .src es la ruta de la imagen

Código PHP:

  <script type="text/javascript"> 
        var resultados = new Array(); 
         
        //Creo una función que crea las imagenes de todas los resultados y las incorpora a un elemento div     
         
        function mostrarResultado() { 
 
            for (var i=0; i<resultados.length; i++) { 
                var img = new Image(); 
                 img.src = "dir/img/resultado_" + i + ".gif"; 
                document.getElementById(resultadotirada).appendChild(img); 
            } 
        } 
         
     </script>

Vincens · #3 (**permalink**) 07/07/2012, 09:09

Perdona, es que estoy aprendiendo y la verdad es que a veces me cuesta un poco.

Con tus cambios entiendo que, en cada pasada de la instrucción for, estoy creando una imagen, pero ¿Al llamarlas a todas con la misma variable no estoy machacandolas? es decir, yo lo que quiero es que si tengo cuatro resultados a los que corresponden cuatro imagenes me aparezcan una al lado de las otras por eso quería crear un array. En cuanto a la función eval sólo lo podemos achacar a una paja mental mia y a mi inexperiencia.

Otra pregunta que demuestra mi pardillez en la materia, al dar la instrucción new Image() ?estoy creando un nodo nuevo tipo imagen o además debería hacer un document.createElement("img")?