asked on Code does not work with IE
Hi Experts,
Please look at the code below. When a user clicks one of the two fields the field is highlighted with a bold border. It works with Firefox and Chrome but not IE.
<html>
<head>
<title></title>
<link href="default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function highlightOffer(offerNumber
switch (offerNumber) {
case 1:
document.getElementById('o
document.getElementById('o
break;
case 2:
document.getElementById('o
document.getElementById('o
break;
}
}
</script>
</head>
<body>
<center>
<table width="1000">
<tr>
<td width="25%">
<table onclick="javascript:highli
border-spacing: 1; border-style: none; border-color: Green;" width="100%">
<tr>
<td align="center" style="border-width: 1; border-style: solid; border-color: Green;"
bgcolor="White">
<br />
<h2>
1 Title</h2>
<br />
</td>
</tr>
</table>
</td>
<td width="25%">
<table onclick="javascript:highli
border-spacing: 1; border-style: solid; border-color: Green;" width="100%">
<tr>
<td align="center" style="border-width: 1; border-style: solid; border-color: Green;"
bgcolor="White">
<br />
<h2>
2 Title</h2>
<br />
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
</center>
</body>
</html>
Please look at the code below. When a user clicks one of the two fields the field is highlighted with a bold border. It works with Firefox and Chrome but not IE.
<html>
<head>
<title></title>
<link href="default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function highlightOffer(offerNumber
switch (offerNumber) {
case 1:
document.getElementById('o
document.getElementById('o
break;
case 2:
document.getElementById('o
document.getElementById('o
break;
}
}
</script>
</head>
<body>
<center>
<table width="1000">
<tr>
<td width="25%">
<table onclick="javascript:highli
border-spacing: 1; border-style: none; border-color: Green;" width="100%">
<tr>
<td align="center" style="border-width: 1; border-style: solid; border-color: Green;"
bgcolor="White">
<br />
<h2>
1 Title</h2>
<br />
</td>
</tr>
</table>
</td>
<td width="25%">
<table onclick="javascript:highli
border-spacing: 1; border-style: solid; border-color: Green;" width="100%">
<tr>
<td align="center" style="border-width: 1; border-style: solid; border-color: Green;"
bgcolor="White">
<br />
<h2>
2 Title</h2>
<br />
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
</center>
</body>
</html>
HTMLJavaScript
Last Comment
Francisco Igor
try cleaning up the code a bit. Rather than assigning the attributes one by one using JavaScript, assign a different class to the element
/mcrosoft are going to silently updating ie without warning so in future for code to work in ie it needs to be exeptionally clean so you dont have to fix it for each new version
I would suggest getting into html5 as thats what is going to work with ie I think
I would suggest getting into html5 as thats what is going to work with ie I think
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.