Wizzard i javascript
Hej alle eksperter.Jeg er ved at lave en simple wizzard i javascript, men jeg kan ikk helt lige komme videre.
Planen er at alt skal forgå på 1 side (altså samme side).
Jeg skal have gjort sådan at der er 4 HTML text boxe (har jeg lavet) hvor der så står Navn, EfterNavn o.s.v
også skal der så være en "Næste" knap allernederst (neden under de 4 boxe) og der skal den så gå videre til næste formular (IKKE NÆSTE SIDE)og der skal så være 4 boxe mere bare med (Uddannelse, skole o.s.v) og til sidst en 3 side hvor der så står alle oplysningerne som man har angivet. Vil gerne prøve at lave noget validation på alle boksene men kan jeg ikke lige helt finde ud af, fik det sådan halvt til at virke, men opgav det. Har dette stykke kode indtil videre:
<script type="text/javascript">
//Javascript side1
var Navn,EfterNavn,Alder,Postnr,By;
function side1()
{
Navn = document.getElementById("txtName").value;
Efternavn = document.getElementById("txtEfternavn").value;
Alder = document.getElementById("txtAlder").value;
Postnr = document.getElementById("txtPostnr").value;
By = document.getElementById("txtBy").value;
}
//Javascript Side2
var Uddannelse,Skole,Kæreste
function side2()
{
Uddannelse = document.getElementById("txtUddannelse").value;
Skole = document.getElementById("txtSkole").value;
Kæreste = document.getElementById("txtKæreste").value;
køn = document.getElementById("txtKøn").value;
}
//Javascript side 3
function side3()
{
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<%--Side1--%>
<strong>Personlige Oplysninger</strong><br />
<br />
<br />
<table id="Table1">
<tr>
<td style="width: 100px; height: 26px;">
Navn:</td>
<td style="width: 200px; height: 26px;">
<input id="txtNavn" type="text" /></td>
</tr>
<tr>
<td style="width: 100px">
Efternavn:</td>
<td style="width: 200px">
<input id="txtEfternavn" type="text" /></td>
</tr>
<tr>
<td style="width: 100px">
Alder:</td>
<td style="width: 200px">
<input id="txtAlder" type="text" /></td>
</tr>
<tr>
<td style="width: 100px">
Postnr/By:</td>
<td style="width: 200px">
<input id="txtPostnr" type="text" style="width: 41px" />
-
<input id="txtBy" style="width: 129px" type="text" /></td>
</tr>
</table>
<br />
<input id="Submit1" type="submit" value="Næste" /><br />
<br />
--------<br />
<br />
<div>
<%--Side2--%>
<strong>Andre Oplysninger<br />
</strong>
<br />
<table id="Table2">
<tr>
<td style="width: 100px">
Uddannelse: </td>
<td style="width: 173px">
<input id="txtUddannelse" type="text" /></td>
</tr>
<tr>
<td style="width: 100px">
Skole: </td>
<td style="width: 173px">
<input id="txtSkole" type="text" /></td>
</tr>
<tr>
<td style="width: 100px">
Kæreste?</td>
<td style="width: 173px">
<input id="txtKæreste" type="text" /></td>
</tr>
<tr>
<td style="width: 100px">
Køn:</td>
<td style="width: 173px">
<input id="txtKøn" type="text" /></td>
</tr>
</table>
<br />
<input id="Submit3" type="submit" value="Næste" /><br />
<br />
--------<br />
<br />
</div>
<div>
<%--Side3--%>
<strong>Oversigt/Godkendelse</strong><br />
</div>
</div>
Håber der er nogen der kan hjælpe mig!
På forhånd tak!
Morten
