Imagenes

Algadar · #1 (**permalink**) 15/01/2010, 15:01

Buenas Tardes, Sres.
Una vez más Yo por acá, solicitando su ayuda.
mi problema es el siguiente.
Tengo un formulario de modificación de productos el cual tiene un link que permite ver la imagen del producto en un popup y esto es lo que hago en dicha ventana.

Código:

<script language="javascript">
function mostrar(){
	var dato=document.form1.DTM_SERIAL_P.value;
	var emp=dato.substr(0,3);
   if (emp=="PNP") {
   	var datoImg="EMPRESA/"+dato+".png";
   }
.
.
.
	document.form1.var_imagen.value=datoImg;
	var prb="/InventarioGme/picture/"+datoImg;

// Asigno la dirección de la imagen al objeto.
	document.form1.img.src=prb;
}
//-->
</script>

Código HTML:

<body onload="mostrar()">
<form action="" method="get" name="form1" id="form1">
<input type="hidden" id="var_imagen" /> <!--'onclick="mostrar()"--> 
<input type="hidden" value="<?php echo $_GET['DTM_SERIAL']; ?>" name="DTM_SERIAL_P" id="DTM_SERIAL_P"/>
<img src="" alt="IMAGEN2" width="331" height="235" id="img" />
</form>
</body>

o, ya sabemos que tengo, el problema esta es cuando la imagen no existe por supuesto me muestras el típico icono de error de imagen.
¿como puedo determinar o capturar ese error.?

caricatos · #2 (**permalink**) 15/01/2010, 16:54

Hola:

La verdad es que no llego a comprender el código... La asignación no es correcta, ya que un tag img no es parte de un formulario... incluso si lo fuera, los controles se referencian de la manera que tú lo haces por el atributo name... y la imagen solo tiene un id...

En resúmen, la asignación de la imagen (su src) deberías de hacerla con document.getElementById("img")... y después de esa asignación, puedes programar el evento error (onerror)... aunque creo que no es estándar.

Saludos