Solved

Loader.gif does not work in IE11

Posted on 2014-02-10
3
1,508 Views
Last Modified: 2014-02-25
Hello,
  I have a Loader image on a web page that should show with each AjAX call, I see the icon on FF but it does not show in IE

HTML
<img src="img/loading.gif" id="loading-indicator" style="display:none" />

Open in new window


Jquery --init script
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() 
	{
		$("#loading-indicator").ajaxStart(function() 
				{ $(this).show(); })
        .ajaxStop(function() 
        		{ $(this).hide(); });
		
		initialize();
	}); 
</script>

Open in new window

CSS
#loading-indicator {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

Open in new window


Thanks for your help
0
Comment
Question by:SiemensSEN
  • 2
3 Comments
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 200 total points
ID: 39849454
What version of jQuery are you using.

From the DOCs:

As of jQuery 1.8, the .ajaxStart() method should only be attached to document.

Do you have a link to your site we can see.
0
 

Author Comment

by:SiemensSEN
ID: 39849924
Thanks. sorry. it is an internal site.

It works in FF but Not IE. Is the CSS correct?
0
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39849965
unfortunately css doesn't work in isolation, so it's impossible to see what else is being applied. can you upload a demo to an online server .doesn't need to be your full code. just enough to show the problem
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now