Question

follows the example below:

<tr>
    <td  width='75px' class='someClass'>
         <input class='input'  type='text' size='5'/>
    </td>
    <td width='75px'class='someClass'>some value</td>
</tr>

i have 10 rows of the code above, so this is simple:

when i lose focus from input, i have to create a img beside the input and then set a timeOut to that img just fadeOut.

Answer 1

Here is a basic example of how to do this:

$('input.input').live('blur', function() {
    var $this = $(this);
    var $img = $('<img/>').attr('src', 'http://placekitten.com/70/70');
    $this.after($img);
    setTimeout(function() {
        $this.next('img').fadeOut('slow', function() {
            $(this).remove();
        });
    }, 1000);
});

Demo: http://jsfiddle.net/fBfV4/1/