homepage Welcome to WebmasterWorld Guest from 54.147.196.159
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
Animated gif problem in IE and Chrome
Mister_L

5+ Year Member



 
Msg#: 4444133 posted 8:37 am on Apr 23, 2012 (gmt 0)

Hi,

I have an HTML form used for uploading large files. On submit, I'm displaying an animated gif till the form is submitted (no ajax used). The gif shows up in place, but the animation neither works in IE nor in Chrome - only in FF.

This is how it looks:



<script>

$(document).ready(function () {

$("#submit_button").click(function (e) {

$('body').prepend('<div align="center">
<img id="loader" src="loader.gif" height="250"width="300" /></div>');
$("#loader").load(function () {
$('form').submit();
});

});

});
</script>

<body>

<form action="/path/to/submit" method="post" enctype="multipart/form-data">
<input type="file" name="user_file" />
<input type="button" id="submit_button" />
</form>

</body>



Is there any solution to this?

Thanks.

 

Dijkgraaf

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4444133 posted 3:03 am on Apr 24, 2012 (gmt 0)

What happens if you have the .gif file in the page using a straight HTML img tag without the script?

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved