showing something using jquery while typing?

Question

i wanted to show an image, only when the person starts typing into the text field.

i.e.

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

html

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

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

image

showimage.jpg

@gateway do you get the image details fromn a ajax call or so ?? — kobe, Nov 14 '10 at 18:04

score 12 · Accepted Answer · answered Nov 14 '10 at 17:59

12

jquery:

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

html:

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

answered Nov 14 '10 at 17:59

icyrock.com

In case I want to dismiss the image if I delete all the text in the form, how to do that? Thank you very much. – Lucky Luke Dec 31 '15 at 07:19
@LuckyLuke You can use [hide](http://api.jquery.com/hide/) for hiding. See also [this SOq](http://stackoverflow.com/questions/27518891/i-want-to-hide-fields-if-its-value-is-empty-and-image-src-also-in-html-using-jav) for similar examples. – icyrock.com Jan 02 '16 at 02:57

1 Answers1