Hey,

When my index page loads in Internet Explorer, a message is displayed. It's handled as follows:

The index.html page has this line at the bottom, right before the </body> tag:

<!--[if IE]>
<!--#INCLUDE FILE="nav_ie.htm" -->
<![endif]-->

And "nav_ie.htm" has the following contents:

<div id="ie">
<center>
<br />
<font face="Diablo Light">System Error!</font><br /><br />
It seems that you are using <b>Internet Explorer</b>..<br />IE is slow and lacks a lot of capabilities.<br />Maybe IE9 will be better..<br />
Please consider trying <a target="_blank" href="http://www.w3schools.com/browsers/">another</a> browser.<br /><a target="_blank" href="http://www.google.com/chrome/">Chrome</a> is very good.<br /><br />
<span onclick="if(document.getElementById('ie').style.display=='none') {document.getElementById('ie').style.display='block';} else {document.getElementById('ie').style.display='none';}" style="color: #AAA168;" title="This message will now hide for 1000 days or until you clear cookies. But please - Try another browser :)">
- Hide -<br />
</span>
<font size="0.875em">(1000 days)</font>
</center>
</div>
<script type='text/javascript'>

While this is all good and displays in a somewhat subtle matter, and only on one page, I'd like to inquire whether it'd be possible to have jQuery hide this message for say, 10 days when the "- Hide -" text is clicked?

Thanks for reading.

BTW it is rather unprofessional to comment on a users choice of browser. They may not have any choice in the matter.

As a subtle message on a somewhat obscure game fansite (and on only one page) it's less of an issue than on cnn.com's frontpage. I know that people are using their father's computer, they're in a library, an internet café, at work etc.

Why just sit back and accept that IE's lack of capabilities must continue forcing everyone to spend hours and hours just to cover for them? They should take responsibility and make sure that things work right. Let's say there are 10,000,000 people in this world having to spend 100 hours each of their lives just because of this.. the math is easy and that's a careful estimate. This is why Microsoft should take responsibility.

Not to mention that Microsoft are effectively denying people the possibility of using cool design technologies.

I'm trying to make this as little intrusive as possible.

IE6 was a poor browser. It has improved since then.

Yes it has fortunately but it's still a bit lacking. If IE9 lives up to standards then it's all good.

But I don't want this message to appear more than once for each user, which is why I'm asking for help (atm when you hide the message it gets reloaded on next page refresh).

Originally Posted by bjornh

Yes it has fortunately but it's still a bit lacking. If IE9 lives up to standards then it's all good.

But I don't want this message to appear more than once for each user, which is why I'm asking for help (atm when you hide the message it gets reloaded on next page refresh).

The simplest option is to use cookies:

<script>

function createCookie(name, value, days) {
    if(days){
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else var expires = "";
    document.cookie = name + "=" + value + expires;
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while(c.charAt(0)==' ')
            c = c.substring(1, c.length);
        if(c.indexOf(nameEQ) == 0)
            return c.substring(nameEQ.length, c.length);
    }
    return null;
}

if(readCookie("iecheck")){
    // if user has been here before, hide warning
    $('#ie').hide();
} else{
    // if first time, set cookie
    createCookie("iecheck", "1", daysToHide=10);
}

</script>

Hope that helps.
-Connor

Crimson, thank you very much for your help. The code worked right out of the box.

I decided to just set 1000 days instead and I hope that this message will 'convert' more people than it scares away.. hehe. I hope no-one is scared off because of this though.

Now the "nav_ie.htm" file looks like this:

<div id="ie">
<center>
<br />
<font face="Diablo Light">System Error!</font><br /><br />
It seems that you are using <b>Internet Explorer</b>..<br />IE is slow and lacks a lot of capabilities.<br />Maybe IE9 will be better..<br />
Please consider trying <a target="_blank" href="http://www.w3schools.com/browsers/">another</a> browser.<br /><a target="_blank" href="http://www.google.com/chrome/">Chrome</a> is very good.<br /><br />
<span onclick="if(document.getElementById('ie').style.display=='none') {document.getElementById('ie').style.display='block';} else {document.getElementById('ie').style.display='none';}" style="color: #AAA168;" title="This message will now hide for 1000 days or until you clear cookies. But please - Try another browser :)">
- Hide -<br />
</span>
<font size="0.875em">(1000 days)</font>
</center>
</div>
<script type='text/javascript'>

function createCookie(name, value, days) {
    if(days){
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else var expires = "";
    document.cookie = name + "=" + value + expires;
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while(c.charAt(0)==' ')
            c = c.substring(1, c.length);
        if(c.indexOf(nameEQ) == 0)
            return c.substring(nameEQ.length, c.length);
    }
    return null;
}

if(readCookie("iecheck")){
    // if user has been here before, hide warning
    $('#ie').hide();
} else{
    // if first time, set cookie
    createCookie("iecheck", "1", daysToHide=1000);
}

</script>

I don't know how old this is. Things like this tend to resurface for circulation every once in a while. My friend sent me the link recently and I thought I'd share. It's the SMB theme played on two guitars...by one kid...at the same time...crazy.


Watch The Expendables Movie Online for Free
Watch Scott Pilgrim Vs. the World Movie Online for Free

I very much agree with the above mentioned .. I will continue to monitor the