Jquery BlockUI doesn't work in Chrome, IE

Question

0.00/5 (No votes)

See more:

Hello Experts,

I have GIF image that is used for showing Please wait dialog. Here is my code.
This works only in FireFox. It doesn't work in IE, Chrome,Safari. How can I make it work in all the browsers? I have searched in google. And didn't find a concrete solution. Could someone in here help me with this?

XML

<div id="loader" style="display: none;">
       <img  src="Images/712Blue.GIF" alt=''  />
     </div>

PHP

function blockUI() {
              $.blockUI.defaults.overlayCSS.cursor = 'default';
       $.blockUI({ message: $('#loader'), css: { border: 'none', background: 'none' },ignoreIfBlocked: false
       });
   }
   function closeLoading() {
       $.unblockUI();
   }

Your help is much appreciated.

Posted 9-Apr-15 6:12am

sudevsu

Add a Solution

Comments

abhijeetgupta1988 9-Apr-15 12:36pm

Did you tested their page in all mentioned browsers? Do their examples/demo works in chrome/safari? They work.

Check the console tab in Chrome's developer tool. You might have missed to link the jQuery libraries or some conflict of jQueries.

sudevsu 9-Apr-15 12:47pm

Abhijeet, I have my libraries on the project. I didn't miss them. Yeah I did test in different browsers. is there a fix for this

abhijeetgupta1988 9-Apr-15 12:49pm

can you host your code?

sudevsu 9-Apr-15 13:29pm

What code are you asking for? I already posted in my question.

abhijeetgupta1988 9-Apr-15 13:33pm

can you host your code on any webserver?

sudevsu 9-Apr-15 13:39pm

No I cannot

ZurdoDev 10-Apr-15 13:06pm

I use blockUI in IE. What do you mean by it doesn't work? Debug the code and see what is happening.

sudevsu 10-Apr-15 14:52pm

What I mean is... I used the above code to block and Unblock when there is something going on with database. When ever request is made via Database, I am not letting user click on screen by using above code. This works only in Firefox. But not in IE, Chrome

ZurdoDev 10-Apr-15 14:56pm

Again, you are telling us what it is not doing. We need to know what it is doing. I know it does not work in IE or chrome, but what does happen? An error? Put a breakpoint and debug the code.

sudevsu 10-Apr-15 15:37pm

No. There is no error. There is no exception. It just doesn't block the screen. It blocks the screen in Firefix when there is something going on with Database. Why not in IE and Chrome? If there is an error or exception, I would post it on the question. That is the reason I don't understand. Is it wrong with the Jquery blockUI?

ZurdoDev 10-Apr-15 15:49pm

There is no way we can know why it doesn't work. We can't access your code.

You need to debug the code.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)