internet-explorer-8 interview questions
Top internet-explorer-8 frequently asked interview questions
What's the easiest way to add an option to a dropdown using JavaScript?
Will this work?
$("#mySelect").append('<option value=1>My option</option>');
Source: (StackOverflow)
Within the last day, in Internet Explorer 8, the developer tools window will not show up.
When I hit F12 or use menu Tools -> Developer Tools I get the Developer Tools entry in the Task Bar but the actual window will not show up.
It has been running fine for a month or so. I have tried rebooting with no luck.
Source: (StackOverflow)
Does IE8 not support the following CSS media query:
@import url("desktop.css") screen and (min-width: 768px);
If not, what is the alternate way of writing?
The same works fine in Firefox.
Any issues with the code below?
@import url("desktop.css") screen;
@import url("ipad.css") only screen and (device-width:768px);
Source: (StackOverflow)
I have created a checkbox dynamically. I have used addEventListener to call a function on click of the checkbox, which works in Google Chrome and Firefox but doesn't work in Internet Explorer 8. This is my code:
var _checkbox = document.createElement("input");
_checkbox.addEventListener("click", setCheckedValues, false);
setCheckedValues is my event handler.
Source: (StackOverflow)
Is there a console logger for IE? I'm trying to log a bunch of tests/assertions to the console but I can't do this in IE.
Source: (StackOverflow)
On a Windows XP Professional SP3 with Internet Explorer 8 box, when I run Dependency Walker on an executable of mine it reports that:
IESHIMS.DLL and WER.DLL can't be found.
- Do I need these DLL's?
- Where can I get them?
I believe they are supposed to located in
C:\Windows\System32\Wer.dll and
C:\Program Files\Internet Explorer\Ieshims.dll
Source: (StackOverflow)
By default IE8 forces intranet websites into compatibility mode. I tried changing the meta header to IE8, but it doesn't acknowledge the meta header and just uses the browser setting. Does anyone know how to disable this?
Source: (StackOverflow)
We use self signed certificates on our intranet. What do I need to do to get Internet Explorer 8 to accept them without showing an error message to the user? What we did for Internet Explorer 7 apparently isn't working.
EDIT: Internet Explorer 7 wouldn't show any errors if I put the certificate into trusted root certification authorities. Internet Explorer 8 seems to show errors even with the certificate there.
Source: (StackOverflow)
I am creating a site using the new Twitter Bootstrap. The site looks fine and works in all required browsers except IE8.
In IE8 it seems to be displaying elements of the mobile version but stretched across the full screen of my desktop. I believe the problem I'm having is that Twitter bootstrap is mobile first. So for some reason IE8 is going for this option.
I also notice that the container class does not seem to be pulling in the max-width CSS properties as intended. Can anyone see what I've done wrong?
<!-- Favicon -->
<link rel="shortcut icon" rel='nofollow' href="/favicon.ico">
<link rel="apple-touch-icon" rel='nofollow' href="/apple-touch-icon.png">
<!-- Bootstrap -->
<link rel='nofollow' href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet">
<link rel='nofollow' href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<script src="/SiteFiles/js/modernizr.js"></script>
<!-- CSS -->
<link rel='nofollow' href="/SiteFiles/css/main.css" rel="stylesheet">
<header>
<div class="topArea clearfix">
<div class="container">
<div class="topLinks">
<div class="btn-group">
<span class="flag" data-toggle="dropdown"> </span>
<ul class="dropdown-menu">
<li><a rel='nofollow' href="#">Country 1</a></li>
<li><a rel='nofollow' href="#">Country 2</a></li>
<li><a rel='nofollow' href="#">Country 3</a></li>
<li class="divider"></li>
<li><a rel='nofollow' href="#">Country 4</a></li>
<li><a rel='nofollow' href="#">Country 5</a></li>
<li><a rel='nofollow' href="#">Country 6</a></li>
</ul>
</div>
<div class="visible-sm btn-group">
<div class="plus" data-toggle="dropdown"><i class="icon-plus icon-2x"> </i></div>
<ul class="dropdown-menu">
<li><a rel='nofollow' href="#">Parts & Service</a></li>
<li><a rel='nofollow' href="#">Store Locator</a></li>
<li><a rel='nofollow' href="#">Find a Service Centre</a></li>
<li><a rel='nofollow' href="#">Parts List</a></li>
<li><a rel='nofollow' href="#">Tool Vibration</a></li>
<li><a rel='nofollow' href="#">Resource Centre</a></li>
<li><a rel='nofollow' href="#">Media Centre</a></li>
<li><a rel='nofollow' href="#">Register your Tools</a></li>
<li><a rel='nofollow' href="#">About Us</a></li>
<li><a rel='nofollow' href="#">
<button type="button" class="btn btn-default">Where to Buy</button></a></li>
</ul>
</div>
<div class="topNav">
<ul class="hidden-sm">
<li>
<div class="btn-group">
<a rel='nofollow' href="#" data-toggle="dropdown">Parts & Service</a>
<ul class="dropdown-menu">
<li><a rel='nofollow' href="#">Store Locator</a></li>
<li><a rel='nofollow' href="#">Find a Service Centre</a></li>
<li><a rel='nofollow' href="#">Parts List</a></li>
<li><a rel='nofollow' href="#">Tool Vibration</a></li>
</ul>
</div>
</li>
<li><a rel='nofollow' href="#">Resource Centre</a></li>
<li><a rel='nofollow' href="#">Media Centre</a></li>
<li><a rel='nofollow' href="#">Register your Tools</a></li>
<li><a rel='nofollow' href="#">About Us</a></li>
<li><a rel='nofollow' href="#">
<button type="button" class="btn btn-default">Where to Buy</button></a></li>
</ul>
</div>
<div class="searchArea">
<input type="text" />
<a rel='nofollow' href="#" class="goBtn">GO</a>
</div>
</div>
</div>
</div>
<div class="mainNavArea">
<div class="container rel">
<div class="logo">
<img src="/SiteFiles/img/logo.png" title="Milwaukee - Nothing but heavy duty" alt="Milwaukee - Nothing but heavy duty" />
</div>
<div class="navi">
<div class="navbar">
<div class="container">
<!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Place everything within .navbar-collapse to hide it until above 768px -->
<div class="nav-collapse collapse navbar-responsive-collapse">
<ul class="nav nav-justified">
<li><span class="dropArrow"> </span><span class="topNavPosition">Power Tools</span>
<div class="navDrop">
<div class="navDropInner">
<div class="row">
<div class="hidden-sm col-sm-4 col-lg-4">
<img src="/SiteFiles/img/drill.jpg" alt="" />
</div>
<div class="col-12 col-sm-8 col-lg-8">
<h2>Power Tools</h2>
<div class="row">
<div class="col-6 col-sm-6 col-lg-6">
<a rel='nofollow' href="#">Cutters</a>
<a rel='nofollow' href="#">Levels</a>
<a rel='nofollow' href="#">Pliers</a>
<a rel='nofollow' href="#">Saws</a>
<a rel='nofollow' href="#">Screwdrivers</a>
</div>
<div class="col-6 col-sm-6 col-lg-6">
<a rel='nofollow' href="#">Snips</a>
<a rel='nofollow' href="#">Utility Knives</a>
<a rel='nofollow' href="#">Combo Knives</a>
<a rel='nofollow' href="#">Hand Tool Accessories</a>
</div>
</div>
</div>
</div>
</div>
<a rel='nofollow' href="#" class="closeNav">X</a>
</div>
</li>
<li><span class="dropArrow"> </span><span class="topNavPosition">Hand Tools</span>
<div class="navDrop">
<div class="navDropInner">
<div class="row">
<div class="hidden-sm col-sm-4 col-lg-4">
<img src="/SiteFiles/img/drill.jpg" alt="" />
</div>
<div class="col-12 col-sm-8 col-lg-8">
<h2>Hand Tools</h2>
<div class="row">
<div class="col-6 col-sm-6 col-lg-6">
<a rel='nofollow' href="#">Cutters</a>
<a rel='nofollow' href="#">Levels</a>
<a rel='nofollow' href="#">Pliers</a>
<a rel='nofollow' href="#">Saws</a>
<a rel='nofollow' href="#">Screwdrivers</a>
</div>
<div class="col-6 col-sm-6 col-lg-6">
<a rel='nofollow' href="#">Snips</a>
<a rel='nofollow' href="#">Utility Knives</a>
<a rel='nofollow' href="#">Combo Knives</a>
<a rel='nofollow' href="#">Hand Tool Accessories</a>
</div>
</div>
</div>
</div>
</div>
<a rel='nofollow' href="#" class="closeNav">X</a>
</div>
</li>
<li><span class="dropArrow"> </span><span class="topNavPosition">Test & Measurement</span>
<div class="navDrop">
<div class="navDropInner">
<div class="row">
<div class="hidden-sm col-sm-4 col-lg-4">
<img src="/SiteFiles/img/drill.jpg" alt="" />
</div>
<div class="col-12 col-sm-8 col-lg-8">
<h2>Test & Measurement</h2>
<div class="row">
<div class="col-6 col-sm-6 col-lg-6">
<a rel='nofollow' href="#">Cutters</a>
<a rel='nofollow' href="#">Levels</a>
<a rel='nofollow' href="#">Pliers</a>
<a rel='nofollow' href="#">Saws</a>
<a rel='nofollow' href="#">Screwdrivers</a>
</div>
<div class="col-6 col-sm-6 col-lg-6">
<a rel='nofollow' href="#">Snips</a>
<a rel='nofollow' href="#">Utility Knives</a>
<a rel='nofollow' href="#">Combo Knives</a>
<a rel='nofollow' href="#">Hand Tool Accessories</a>
</div>
</div>
</div>
</div>
</div>
<a rel='nofollow' href="#" class="closeNav">X</a>
</div>
</li>
<li><span class="dropArrow"> </span><span class="topNavPosition">Accessories</span>
<div class="navDrop">
<div class="navDropInner">
<div class="row">
<div class="hidden-sm col-sm-4 col-lg-4">
<img src="/SiteFiles/img/drill.jpg" alt="" />
</div>
<div class="col-12 col-sm-8 col-lg-8">
<h2>Accessories</h2>
<div class="row">
<div class="col-6 col-sm-6 col-lg-6">
<a rel='nofollow' href="#">Cutters</a>
<a rel='nofollow' href="#">Levels</a>
<a rel='nofollow' href="#">Pliers</a>
<a rel='nofollow' href="#">Saws</a>
<a rel='nofollow' href="#">Screwdrivers</a>
</div>
<div class="col-6 col-sm-6 col-lg-6">
<a rel='nofollow' href="#">Snips</a>
<a rel='nofollow' href="#">Utility Knives</a>
<a rel='nofollow' href="#">Combo Knives</a>
<a rel='nofollow' href="#">Hand Tool Accessories</a>
</div>
</div>
</div>
</div>
</div>
<a rel='nofollow' href="#" class="closeNav">X</a>
</div>
</li>
</ul>
</div>
<!-- /.nav-collapse -->
</div>
<!-- /.container -->
</div>
<!-- /.navbar -->
</div>
</div>
</div>
</header>
Source: (StackOverflow)
I am making use of trim() like so:
if($('#group_field').val().trim()!=''){
Where group_field is an input element of type text. This works in Firefox but when I try it on IE8 it gives me this error:
Message: Object doesn't support this property or method
When I remove the trim(), it works fine on IE8. I thought the way I am using trim() is correct?
Thanks all for any help
Source: (StackOverflow)
I am using this CSS for background opacity of a <div>:
background: rgba(255, 255, 255, 0.3);
It’s working fine in Firefox, but not in IE 8. How do I make it work?
Source: (StackOverflow)
I'm using Firebug and have some statements like:
console.log("...");
in my page. In IE8 (probably earlier versions too) I get script errors saying 'console' is undefined. I tried putting this at the top of my page:
<script type="text/javascript">
if (!console) console = {log: function() {}};
</script>
still I get the errors. Any way to get rid of the errors?
Source: (StackOverflow)
Like everyone else, I need to test my code on Internet Explorer 6 and Internet Explorer 7. Now Internet Explorer 8 has some great tools for developer, which I'd like to use. I'd also like to start testing my code with Internet Explorer 8, as it will soon be released.
The question is: how to run Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8 on the same machine. So far with Internet Explorer 6 and Internet Explorer 7 I've been using Multiple IE. But people have reported (see comments on the page linked in the previous sentence) issue with Internet Explorer 6 after installing Internet Explorer 8. Those errors are related to focus in form fields. Running Internet Explorer 7 wouldn't matter so much as Internet Explorer 8 can use the Internet Explorer 7 rendering engine, but we still need Internet Explorer 6.
How to run Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8 on the same machine?
Source: (StackOverflow)