Onload para validar una url váilda de imagen

[lemmy2011]

Hola a todos!! Tengo una pantalla de estilo pop up. En ella hay un único campo que solicita una url válida de una imagen. Al aceptar, en Javascript, hago lo siguiente:

var imagen = new Image();

imagen.src = document.frm.txt_url.value;

imagen.onerror = function() { alert('Debe proporcionar una URL válida'); }
imagen.onload = function() { window.close(); }

Es decir, asigno la imagen a la variable imagen. Y después miro si hay error, es decir la url no es válida. O bien, si es capaz de cargarla. Si es así, cierra la ventana.

Y me pasa algo curioso. La primera vez que le doy al botón, no hace nada, pero la segunda, ya funciona correctamente... ¿Qué es, por que la primera vez que clico, la imagen no llega a cargarse en la variable y por eso no me pasa ni por el "onerror" ni por el "onload"? Eso explicaría que la segunda vez sí que fuese bien. Entonces, qué me aconsejáis, que haga un submit, y en el onload del body haga esta validación?? Lo más curioso es que esto funcionaba perfectamente, y no sé que puñetas habré tocado para que ahora haya dejado de funcionar...

Muchas gracias de antemano!

[lemmy2011]

Vale, he conseguido que funcione. Pero, por favor, estaría bien que alguien me pudiese decir si lo que hago es correcto o una locura! Soy un novato en temas web, y eso de "trastear" con tecnologías que no controlo no me gusta mucho... Os cuento, al aceptar la url hago lo siguiente:
1- hago un submit
2- al recargar la pantalla, en el onload en el body, hago una llamada una función ( f_carga )
3- esta funcion ( evidentemente mira si viene del refresco originado por el botón de aceptar la url ) lo que hace es:

var imagen = new Image();

imagen.src = $_POST["txt_url"];

imagen.onerror = function() { alert('Debe proporcionar una URL válida'); }
imagen.onload = function() { window.close(); }

Es decir, ahora, en lugar de cargar la imagen en la variable, para su posterior análisis ( onerror => url erronea, onload => url válida ) en el javasacript del botón "Aceptar", lo hago en el onload del body. Así pues el botón "Aceptar" hace un simple submit. Alguien podría explicarme por que ahora sí que funciona?? He leído que el onload del body se ejecuta una vez se ha cargado la página entera... ¿Incluye eso la imagen que asigno en la función f_carga? Si es así, entiendo que funcione. Es que sino... que diferencia hay en llamar a la función f_carga en el onload del body, o en el código javascript que genero al pulsar sobre el botón de "Aceptar"??

Ok, ya me funciona. Pero eso que vaya y no sepa por que, no me gusta nada. Si alguien me lo puede aclarar...

Nuevamente muchas gracias por vuestro tiempo.

[_cronos2]

Esto me funciona en Chrome y en FF:

Código HTML:

<input type='text' id='t' />
<input type='button' onclick='comp()' value='comprobar' />
 

Código Javascript:

function comp(){
var img = new Image();
img.src = document.getElementById('t').value;
img.onerror=function(){ alert('error'); }
}
 

Saludos (:

[lemmy2011]

Hola. Bueno, a mi, según sea la imagen no me funciona. Supono que es por lo que comentaba... En cambio si ese código lo pongo en el onload del body me funciona siempre. Sólo quería saber si tiene lógica esto... Bueno, es sólo por curiosidad, eh...