mostrar imagen con evento onChange

[santris]

Hola amigos,

Tengo necesidad de mostrar una imagen despues que el usuario a introducido la url de dicha imagen en un input:

Se me ha ocurrido hacer esto 'lo que probablemente sea una barbaridad':

<input name="url_imagen" type="text" id="url_imagen" value="http://" size="100" maxlength="125" onChange="ver_img(this)">

<script type="text/javascript">
function ver_img(url_imagen){
document.write('url_imagen')
}
</script>

Y claro no funciona

Alguna sugerencia??

Gracias por vuestro tiempo,

[nerisw]

por que mejor no agregas un botón para cargar la imagen cuando se a terminado de escribir la url en lugar de estar llamando a la función cada vez que cambia el input.

después agregas un elemento <img> y en la propiedad src le pones la url que ingreso el usuario.

[santris]

Iniciado por nerisw

por que mejor no agregas un botón para cargar la imagen cuando se a terminado de escribir la url en lugar de estar llamando a la función cada vez que cambia el input.

después agregas un elemento <img> y en la propiedad src le pones la url que ingreso el usuario.

pues... queria hacerlo sin necesidad de enviar el formulario. Pero si no consigo hacerlo con este método probaré lo que me dices.

gracias por responder,

[nerisw]

sabes que tenia un concepto erroneo del funcionamiento de onchange, perfectamente lo puedes hacer con ese evento:

prueba esto, funciono en firefox

Código HTML:

<img id="imagen" alt="Aqui se carga la imagen" src=""/>
<form action="">
    <input type="text" id="url_imagen" onchange="document.getElementById('imagen').src=this.value;"/>
</form> 

[santris]

ohhh!!!

Bien amigo, funciona perfecto, te debo una.

gracias master,