imágenes, es un poco raro pero...

humanista · #1 (**permalink**) 02/06/2006, 15:16

hola chicos, a ver si me puedo explicar bien.

tengo unas cuantas fotos clasificadas en varias carpetas.

vale, tengo una casilla (type=text) en la que debo poner el nombre de la carpeta y el nombre de la foto, por ejemplo pongo:

paisajes/paisaje12.jpg

y lo que quiero es que cuando el foco se vaya del cuadro de texto, es decir cuando le dé al tabulador, me cargue la foto.

intuyo que con js deberé en primer lugar mostrar una foto cualquiera (ponerle una etiqueta) y luego cuando escriba:

paisajes/paisaje12.jpg

y le dé al tabulador me cambie la foto antigua por la nueva...

me he explicado bien?

espero que sí, ya sé que el tema es un poco raro pero...

ahí va el reto, gracias

Cap.Buscapina · #2 (**permalink**) 02/06/2006, 16:26

Cita:

<html>
<head>

<style type="text/css">

</style>
<script language="javascript">
function refreshImg(){
document.form1.picture.src = 'file:///'+ document.form1.imageField.value;
}
</script>
</head>
<body>
<form name="form1" id="form1" action="" method="post"
enctype="multipart/form-data" >
<img src="../fotos/imagen.jpg" id="picture" alt="vista
previa"/>
<input name="imageField" type="file" onChange="refreshImg()">
</form>
</body>
</html>