Make the background go blank and redirect for IE 8 and earlier

Question

In the website, the support in IE is from version 9 onwards. So when I open it behaves properly (as i have IE 8), showing an alert. Picture included

enter image description here

However I don't want the background image to be loaded (which is getting loaded in my case). Only a blank screen displaying the alert info. How to achieve that?

This is the script I have used

 if(browsername=="Internet Explorer")
  {
    if(browserver<9.0)
    {
        alert("Your browser version is "+bowser.version+" and the minimum required version for this website is 9.0.So please use IE 9+.");
        window.location.href="http://www.google.com";
        //alert(bowser.name+","+bowser.version);
    }
  }

If you don't want the background image to be loaded, then you will have to add the background in with JS instead of with CSS. If you do not care about it being loaded or not and just want to change it to white, then do `$("body").css("background", "#fff");` — Derek 朕會功夫, Feb 10 '14 at 08:18
I tried with the second one dint worked any help on the first idea — Nihar, Feb 10 '14 at 08:35
you need to create a custom popup or you can use jqueryui. wiht javascript alert this is not possible — Rahul Kumar, Feb 10 '14 at 13:49

score 0 · Answer 1 · answered Feb 10 '14 at 08:05

0

suppose your background is body background then put:

$("body").css("background","");

before the alert() code.

answered Feb 10 '14 at 08:05

Volkan Ulukut

4,230
1
20
38

u mean something like this $("body").css("background",""); alert("Your browser version is "+bowser.version+" and the minimum required version for this website is 9.0.So please use IE 9+."); – Nihar Feb 10 '14 at 08:13
The image would still be loaded by the browser. – Derek 朕會功夫 Feb 10 '14 at 08:14
@ Derek true Image is still getting loaded – Nihar Feb 10 '14 at 08:15

score 0 · Answer 2 · edited Feb 10 '14 at 14:03

0

This may not be the most optimal/appropriate way to handle the case. But in my case I just used the

$('#divid').hide();

before the alert statement

Now its working fine.

edited Feb 10 '14 at 14:03

Rahul Kumar

528
1
3
19

answered Feb 10 '14 at 10:52

Nihar

553
1
10
29

score 0 · Answer 3 · edited May 23 '17 at 11:57

0

I've think you must do lazy loading of your background image.

Check the browser, to check you must use this How can you detect the version of a browser?
If browser is higher or equal than IE9 use code:

<body data-lazy-image="path-to-image"></body>

var lazy = $("body").attr("data-lazy-image"); $("body").css("backgroundImage",lazy);

something like this.

edited May 23 '17 at 11:57

Community

1
1

answered Feb 10 '14 at 11:34

Farkhat Mikhalko

3,565
3
23
37

Make the background go blank and redirect for IE 8 and earlier

3 Answers3