Menu
Yeah, exactly what I said. I can’t understand why I can’t get this to work in FF but not IE, Here’s the page: [url]http://www.adhome.co.uk/dev/test.php
I suppose the appropriate bit of code is:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “
<html xmlns=”
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script language=”javascript” type=”text/javascript”>
<!–
function changeDiv(id) {
document.getElementById(‘dropdown1’).style.display = “none”;
document.getElementById(‘dropdown2’).style.display = “none”;
document.getElementById(‘dropdown3’).style.display = “none”;
document.getElementById(‘dropdown4’).style.display = “none”;
document.getElementById(‘dropdown5’).style.display = “none”;
document.getElementById(‘dropdown6’).style.display = “none”;
document.getElementById(‘dropdown7’).style.display = “none”;
document.getElementById(‘dropdown8’).style.display = “none”;
document.getElementById(‘dropdown9’).style.display = “none”;
document.getElementById(‘dropdown10’).style.display = “none”;
document.getElementById(‘dropdown11’).style.display = “none”;
document.getElementById(‘dropdown12’).style.display = “none”;
document.getElementById(‘dropdown13’).style.display = “none”;
document.getElementById(‘dropdown14’).style.display = “none”;
document.getElementById(id).style.display = “block”;
}
//–>
</script>
<style type=”text/css”>
<!–
.hidden {
display:none;
}
–>
</style>
</head>
<body>
<form id=”form1″ name=”form1″ method=”post” action=””>
<select name=”region” id=”region” class=”searchwidth” onchange=””>
<option>(Please Select)</option>
<option value=”city” onclick=”changeDiv(‘dropdown1’);”>Glasgow City Centre</option>
<option value=”north” onclick=”changeDiv(‘dropdown2’);”>Glasgow North</option>
<option value=”south” onclick=”changeDiv(‘dropdown3’);”>Glasgow South</option>
<option value=”east” onclick=”changeDiv(‘dropdown4’);”>Glasgow East</option>
<option value=”west” onclick=”changeDiv(‘dropdown5’);”>Glasgow West</option>
<option>————————</option>
<option value=”argyll” onclick=”changeDiv(‘dropdown6’);”>Argyll and Bute</option>
<option value=”ayrshire” onclick=”changeDiv(‘dropdown7’);”>Ayrshire</option>
<option value=”dumbartonshire” onclick=”changeDiv(‘dropdown8’);”>Dumbartonshire</option>
<option value=”inverclyde” onclick=”changeDiv(‘dropdown9’);”>Inverclyde</option>
<option value=”falkirk” onclick=”changeDiv(‘dropdown10’);”>Falkirk</option>
<option value=”lannorth” onclick=”changeDiv(‘dropdown11’);”>Lanarkshire North</option>
<option value=”lansouth” onclick=”changeDiv(‘dropdown12’);”>Lanarkshire South</option>
<option value=”renfrewshire” onclick=”changeDiv(‘dropdown13’);”>Renfrewshire</option>
<option value=”stirlingshire” onclick=”changeDiv(‘dropdown14’);”>Stirlingshire</option>
</select>
Hope someone can help!
Thanks in advance ?
James.