2010-11-14 9 views
5

quería mostrar una imagen, solo cuando la persona comienza a escribir en el campo de texto.mostrando algo usando jquery mientras tipea?

es decir

$('#type').keyup(function(){ 
//show the images 
    }); 

html

<input type="text" name="type" id="type"> 

<div id="showimage"></div> 

imagen

showimage.jpg 
+2

¿Has probado '$ ('# showimage'). Show();'? – meagar

+0

@gateway ¿obtiene los detalles de la imagen desde una llamada ajax? – kobe

Respuesta

11

jquery:

$('#type').keyup(function(){ 
    $('#image').show(); 
}); 

html:

<img id="image" src="showimage.jpg" style="display: none"/> 
+0

En caso de que desee eliminar la imagen, si elimino todo el texto en el formulario, ¿cómo hacerlo? Muchas gracias. –

+0

@LuckyLuke Puede usar [ocultar] (http://api.jquery.com/hide/) para ocultarlo. Ver también [este SOq] (http://stackoverflow.com/questions/27518891/i-want-to-hide-fields-if-its-value-is-empty-and-image-src-also-in-html -using-jav) para ejemplos similares. –

+0

Excelente, gracias. –

Cuestiones relacionadas