Hoi,
In het kader van mijn opleiding Dreamweaver worstel ik met het volgende. Ik moet een script scgrijven waarin een tabel wordt getoond met drie vragen met elk drie antwoord mogelijkheden. Wanneer deze drie voorkeuren zijn opgegeven moet er doormiddel van de klik op de "Hier"knop een pagina worden geopend met daarop weergegeven de gemaakte keuzes.
Het moet op de meest simpele wijze geschreven zijn. Tot nu toe werkt het wel maar na elke keuze wordt er een nieuwe pagina geopend waarin de keus getoond wordt. Dit is niet de bedoeling want dat moet pas getoond worden als alle keuzes gemaakt zijn. Dat laatste is mij nog niet gelukt. Wie heeft de oplossing.
Alvast dank voor de input
Pe
Het script is als volgt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Huiswerkopgave les 34</title>
<script type="text/javascript"language="javascript">
<!--
function blauw()
{
document.bgColor = "blue"
}
function groen()
{
document.bgColor = "green"
}
function rood()
{
document.bgColor = "red"
}
function kat()
{
document.write("<h2>" + "kat" + "</h2>");
}
function hond()
{
document.write("<h2>" + "hond" + "</h2>");
}
function kip()
{
document.write("<h2>" + "kip" + "</h2>");
}
function patat()
{
document.write("<h2>" + "patat" + "</h2>");
}
function thais()
{
document.write("<h2>" + "thais" + "</h2>");
}
function spaans()
{
document.write("<h2>" + "spaans" + "</h2>");
}
function openVenster()
{
window.open("keuzes.html");
}
//-->
</script>
<style type="text/css">
<!--
.stijl1 {color: #FFFFFF}
-->
</style>
</head>
<body>
<table width="356" border="1" cellspacing="1" cellpadding="5" summary="layout table">
<tr>
<td width="177" bgcolor="#666666"><span class="stijl1">Uw lievelingskleur</span></td>
<td width="52"><input type ="button"value="Blauw"onclick="blauw();" /></td>
<td width="53"><input type ="button"value="Groen"onclick="groen();" /></td>
<td width="63"><input type ="button"value="Rood"onclick="rood();" /></td>
</tr>
<tr>
<td bgcolor="#666666"><span class="stijl1">Uw lievelingsdier</span></td>
<td><input type ="button"value="Kat"onclick="kat();" /></td>
<td><input type ="button"value="Hond"onclick="hond();" /></td>
<td><input type ="button"value="Kip"onclick="kip();" />
</td>
</tr>
<tr>
<td bgcolor="#666666"><span class="stijl1">Uw lievelingseten</span></td>
<td><input type ="button"value="Patat"onclick="patat();" /></td>
<td><input type ="button"value="Thais"onclick="thais();" /></td>
<td><input type ="button"value="Spaans"onclick="spaans();" /></td>
</tr>
<tr>
<td bgcolor="#666666"><div align="right" class="stijl1">Klik</div></td>
<td><input type ="button"value="Hier"onclick="openVenster();" /></td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</body>
</html>
In het kader van mijn opleiding Dreamweaver worstel ik met het volgende. Ik moet een script scgrijven waarin een tabel wordt getoond met drie vragen met elk drie antwoord mogelijkheden. Wanneer deze drie voorkeuren zijn opgegeven moet er doormiddel van de klik op de "Hier"knop een pagina worden geopend met daarop weergegeven de gemaakte keuzes.
Het moet op de meest simpele wijze geschreven zijn. Tot nu toe werkt het wel maar na elke keuze wordt er een nieuwe pagina geopend waarin de keus getoond wordt. Dit is niet de bedoeling want dat moet pas getoond worden als alle keuzes gemaakt zijn. Dat laatste is mij nog niet gelukt. Wie heeft de oplossing.
Alvast dank voor de input
Pe
Het script is als volgt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Huiswerkopgave les 34</title>
<script type="text/javascript"language="javascript">
<!--
function blauw()
{
document.bgColor = "blue"
}
function groen()
{
document.bgColor = "green"
}
function rood()
{
document.bgColor = "red"
}
function kat()
{
document.write("<h2>" + "kat" + "</h2>");
}
function hond()
{
document.write("<h2>" + "hond" + "</h2>");
}
function kip()
{
document.write("<h2>" + "kip" + "</h2>");
}
function patat()
{
document.write("<h2>" + "patat" + "</h2>");
}
function thais()
{
document.write("<h2>" + "thais" + "</h2>");
}
function spaans()
{
document.write("<h2>" + "spaans" + "</h2>");
}
function openVenster()
{
window.open("keuzes.html");
}
//-->
</script>
<style type="text/css">
<!--
.stijl1 {color: #FFFFFF}
-->
</style>
</head>
<body>
<table width="356" border="1" cellspacing="1" cellpadding="5" summary="layout table">
<tr>
<td width="177" bgcolor="#666666"><span class="stijl1">Uw lievelingskleur</span></td>
<td width="52"><input type ="button"value="Blauw"onclick="blauw();" /></td>
<td width="53"><input type ="button"value="Groen"onclick="groen();" /></td>
<td width="63"><input type ="button"value="Rood"onclick="rood();" /></td>
</tr>
<tr>
<td bgcolor="#666666"><span class="stijl1">Uw lievelingsdier</span></td>
<td><input type ="button"value="Kat"onclick="kat();" /></td>
<td><input type ="button"value="Hond"onclick="hond();" /></td>
<td><input type ="button"value="Kip"onclick="kip();" />
</td>
</tr>
<tr>
<td bgcolor="#666666"><span class="stijl1">Uw lievelingseten</span></td>
<td><input type ="button"value="Patat"onclick="patat();" /></td>
<td><input type ="button"value="Thais"onclick="thais();" /></td>
<td><input type ="button"value="Spaans"onclick="spaans();" /></td>
</tr>
<tr>
<td bgcolor="#666666"><div align="right" class="stijl1">Klik</div></td>
<td><input type ="button"value="Hier"onclick="openVenster();" /></td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</body>
</html>
