Ik heb een code geschreven voor mijn website die dit laat zien:
<html>
<script language="JavaScript">
function setIframeSource() {
var theSelect = document.getElementById('location');
var theIframe = document.getElementById('myIframe');
var theUrl;
theUrl = theSelect.options[theSelect.selectedIndex].value;
theIframe.src = theUrl;
}
</script>
</head>
<body>
<form id="form1" method="post">
<label>Kies je klas: <select id="location" style="color:black;font-size:16px; width:150" size="1" onChange="setIframeSource()">
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00001.htm">eg1a</option>
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00002.htm">eg1b</option>
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00003.htm">ehv1c</option>
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00004.htm">ehv1d</option>
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00005.htm">ehv1e</option>
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00006.htm">ehv1f</option>
</select></label>
</form>
</body>
</html>
maar nu wil ik hier naaast een
<form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
<div align="center"><br>
<input type="radio" name="group1" value="Milk">Dagrooster<br>
<input type="radio" name="group1" value="Butter" checked>Weekrooster<br>
</div>
</form>
en dan als je weekrooster selecteerd je dit krijgt:
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00001.htm">eg1a</option>
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00002.htm">eg1b</option>
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00003.htm">ehv1c</option>
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00004.htm">ehv1d</option>
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00005.htm">ehv1e</option>
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00006.htm">ehv1f</option>
dus zeg maar een on select change radio knop maak. ik wil dat ik op de zelfde pagina blijf dus de pagina niet verlaat
<html>
<script language="JavaScript">
function setIframeSource() {
var theSelect = document.getElementById('location');
var theIframe = document.getElementById('myIframe');
var theUrl;
theUrl = theSelect.options[theSelect.selectedIndex].value;
theIframe.src = theUrl;
}
</script>
</head>
<body>
<form id="form1" method="post">
<label>Kies je klas: <select id="location" style="color:black;font-size:16px; width:150" size="1" onChange="setIframeSource()">
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00001.htm">eg1a</option>
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00002.htm">eg1b</option>
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00003.htm">ehv1c</option>
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00004.htm">ehv1d</option>
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00005.htm">ehv1e</option>
<option value="http://www.roostereemland.nl/dagrooster/50/c/c00006.htm">ehv1f</option>
</select></label>
</form>
</body>
</html>
maar nu wil ik hier naaast een
<form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
<div align="center"><br>
<input type="radio" name="group1" value="Milk">Dagrooster<br>
<input type="radio" name="group1" value="Butter" checked>Weekrooster<br>
</div>
</form>
en dan als je weekrooster selecteerd je dit krijgt:
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00001.htm">eg1a</option>
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00002.htm">eg1b</option>
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00003.htm">ehv1c</option>
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00004.htm">ehv1d</option>
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00005.htm">ehv1e</option>
<option value="http://www.roostereemland.nl/weekrooster/50/c/c00006.htm">ehv1f</option>
dus zeg maar een on select change radio knop maak. ik wil dat ik op de zelfde pagina blijf dus de pagina niet verlaat