CODEWITHSUNDEEP
javascriptjqueryhtml
Stefan Cvetkovic
Stefan Cvetkovic

Reputation: 144

Jquery append wont show gif animation

can someone explain me why i can't show gif image with append. Here is my code:

HTML

<p id="register_p">
<label for="submit"></label>
<input id="register" type="submit" name="register" value="Registracija"/>
</p>
<p>
<div id="reg_js_img"></div>
</p>

JavaScript

$(document).ready(function(){
   $("#register").click(function(){
       var loader_img = '<img src="<?php echo base_url() ?>css/img/ajax-loader.gif" alt="Loading" />';
   $("#register_p").hide();
   $("#reg_js_img").append(loader_img);
   });
});

Upvotes: 0

Views: 4658

Answers (2)

Stefan Cvetkovic
Stefan Cvetkovic

Reputation: 144

I just made it :)

<div id="reg_js_img"></div>
<p id="register_p">
<label for="submit"></label>
<input id="register" type="submit" name="register" value="Registracija"/>
</p>

All what i done is switch div for image above submit, for some reason when js hide submit i cant get animation :( strange :)

Upvotes: 0

Paul
Paul

Reputation: 2206

Probably an issue with your image URL. See this working fiddle w/ajax loader image coming from Wikipedia. Your code is unchanged.

http://jsfiddle.net/Penfq/1/

$(document).ready(function(){
   $("#register").click(function(){
       var loader_img = '<img src="http://upload.wikimedia.org/wikipedia/commons/d/de/Ajax-loader.gif" alt="Loading" />';
   $("#register_p").hide();
   $("#reg_js_img").append(loader_img);
   });
});

Upvotes: 1

Related Questions