CODEWITHSUNDEEP
javascriptjqueryinternet-explorer-7
shin
shin

Reputation: 32721

How to detect IE7 with javascript or jquery and add a class to div

Is there any way to detect IE7?

I don't have any problems with my codes in IE8, but I have a problem with IE7.

So what I thought is that I can add a class with jquery when a browser is IE7 detecting it by javascript.

I want to change from

<div id="system">

to 

<div id="system" class="ie7">

Thanks in advance.

Upvotes: 15

Views: 32447

Answers (7)

Vignesh Subramanian
Vignesh Subramanian

Reputation: 7289

Please be informed that IE8 compat view will also have <!--[if IE 7 ]> as true

So you should do a second level test on the document mode, if you dont want the changes to be reflecting in IE8 Compat view. 

<!--[if IE 7]>
    <script type="text/javascript"> 
   try
    {
    if(document.documentMode!=8){
     //Your code comes here
    }
    }
    catch(exception){
    }
   </script>
<!--<![endif]-->

Upvotes: 0

Todd Moses
Todd Moses

Reputation: 11039

To detect ie7 just use

if($.browser.msie && parseFloat($.browser.version) < 8){
    //do other stuff
    return;
}

To do what you want with it just:

if($.browser.msie && parseFloat($.browser.version) < 8){
    $('#system').addClass('ie7');
}

Upvotes: 9

jAndy
jAndy

Reputation: 236122

You can do it just with HTML:

css

.ie7{
   padding: 0;
   color: red;
}

html

<!--[if IE 7 ]> <div id="system" class="ie7"> <![endif]-->
<!--[if (gt IE 7)|!(IE)]><!--> <div id="system"> <!--<![endif]-->
</div>

This creates the div with the class ie7 if executed in internet explorer 7. All other browser and IE > 7 would just create that div without the class.

Upvotes: 9

Alex
Alex

Reputation: 5439

if you really want to solve this by using javascript you might want to check the version like this:

if (navigator.appVersion.indexOf("MSIE 7.") != -1)
    $('#system').addClass('ie7');

Upvotes: 49

Enlightened
Enlightened

Reputation: 239

Try this:

<!--[if IE 7]>
<script type="text/javascript">
  $('#system').addClass('ie7');
</script>
<![endif]-->

Upvotes: 3

ryanulit
ryanulit

Reputation: 5001

Here's a few different ways:

Upvotes: 0

Jimmy
Jimmy

Reputation: 555

You could use an IE conditional comment to add the class via javascript, something like this:

<!--[if IE 7]>
<script type="text/javascript">
$(document).ready(function() {
    $('#system').addClass('ie7');
});
</script>
<![endif]-->

Upvotes: 10

Related Questions