Problem med showhide <div></div> script
HeyJeg har været ved at lave et lille script som skal gøre et <div ..></div> synlig når man vælger checker en radio knap.
Scriptet virker dog ikke efter hensigten, det er som om at det er forsinket et klik. Svært at forklare, men hvis nogle ville tage et kig ville det være kanon.
Koden er således ud:
----------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Untitled</title>
<script>
function seled() {
if (document.form.ref[0].checked) {
document.getElementById('vrtfile').style.display = "";
document.getElementById('exurl').style.display = "none";
document.getElementById('module').style.display = "none";
} else if (document.form.ref[1].checked) {
document.getElementById('module').style.display = "";
document.getElementById('vrtfile').style.display = "none";
document.getElementById('exurl').style.display = "none";
} else if (document.form.ref[2].checked) {
document.getElementById('exurl').style.display = "";
document.getElementById('vrtfile').style.display = "none";
document.getElementById('module').style.display = "none";
}
}
</script>
</head>
<body>
<form action="etscript.asp" method="post" name="form" id="form" onSubmit="return checkFields();">
<table cellspacing="0" cellpadding="2" border="0" >
<tr>
<td style="vertical-align: top; width: 125px;"></td>
<td><input type="radio" name="ref" value="vrtfile" onFocus="seled();"> Mulighed 1
<div id="vrtfile" style="display: none;">
<select name="pages" >
<option> Vælg </option>
</select>
</div>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 125px;"></td>
<td><input type="radio" name="ref" value="module" onFocus="seled();"> Mulighed 2:
<div id="module" style="display: none;">
<select name="module" >
<option> Vælg </option>
</div>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 125px;"></td>
<td><input type="radio" name="ref" value="exurl" onFocus="seled();"> Mulighed 3:
<div id="exurl" style="display: none;">
<input type="text" name="externalurl" value="" size="20" >
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
----------------------------------------------------------
Håber der er nogle javascript hajer som kan fortælle mig hvor fejlen ligger !
