ansaurus

Question

How do you hide an image tag based on an ajax response?

Answer 1

+1 A:

$('#imageId').hide(); //to hide...
$('#imageId').show(); //to show...

or

$('img').hide(); //to hide all image...
$('img').show(); //to show all image...


$(function(){
    var getDivs = 0;

    //iterate div with class isSolvedImage
    $("div.isSolvedImage").each(function() {
        alert('div id--'+this.id);

        var img = $(this).find('img');

        // send ajax requrest
        $.get(this.id, function(data) {
            // check if ajax response is 1
            alert('div id--'+this.url+'--ajax response--'+data);            
            if(data == 1){
                alert('div id--'+this.url+'--Unhiding image--');
                //Needed magic
                //Show image if data==1 
                img.show();
            }
            else{
                alert('div id--'+this.url+'--Hiding image--');
                //Needed magic
                //Hide image if data!=1
                img.hide();
            }
        });

      });
});

Reigel 2010-06-02 08:19:19

Hmmmmmmmmmmmmmm ... updated/copied again? :(

jAndy 2010-06-02 08:24:39

what gives? huh??

Reigel 2010-06-02 08:25:50

well whatsoever, nevermind. good answer

jAndy 2010-06-02 08:27:12

well, if you are asking why I keep editing, it's because I'm not done yet... I just post it as the answer even if not done yet so that, I can have the time as early as possible.. ;) then keep editing until done.. ;)

Reigel 2010-06-02 08:30:18

Thanks. Creating the var img before the ajax request made this very simple.

Chris 2010-06-02 08:57:31

One more related question, if I return back the image url as data rather than returning a 1 or 0, how would I update the image url rather than hide/show it? img.update(...data...);

Chris 2010-06-02 09:13:45

`img.attr('src', 'url-of-the-image.gif');` something like this...

Reigel 2010-06-02 09:28:12

Answer 2

A:

$('#true1.txt img').hide();

Where true1.txt is the ID of the div containing the image you wish to hide.

Greg B 2010-06-02 08:19:38

I think you meant `$('#true1.txt img').hide();`, didn't you?

Igor Zinov'yev 2010-06-02 08:21:23

@Igor: Yep, thanks!

Greg B 2010-06-02 08:25:08

Answer 3

A:

I think the easiest method is $('.target').hide(); and $('.target').show();

you can read more here :
.hide()
.show()
EDIT : I guess should have done refresh before answering.

Michael 2010-06-02 08:21:31

Answer 4

+1 A:

$(this).find('img').show();

or

$(this).find('img').hide();

jAndy 2010-06-02 08:21:55

Answer 5

A:

Hi!

$('div[id="' + $this.url + '"]').show();

and

$('div[id="' + $this.url + '"]').hide();

MAZ 2010-06-02 08:24:25

ansaurus

tags:

views:

answers:

How do you hide an image tag based on an ajax response?

related questions