Code:
<!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" xml:lang="en" lang="en">
<head>
<title></title>
</head>
<body>
<STYLE type=text/css>
#container {
width: 650px;
margin: -12px;
text-align: right;
background: #ffffff;
border: 0px #000000 solid;
}
div.inpane, div.outpane {
background: #ffffff;
border: 1px #003399 solid;
padding: 15px;
margin: 15px;
font: normal 11px verdana;
}
div.inpane {
position: relative;
display: block;
}
div.outpane {
position: relative;
display: none;
}
select {
width: 120px;
}
input.rad, input.box {
position: relative;
top: 3px;
}
</STYLE>
<SCRIPT type=text/javascript>
function Toggle(which){
var Style = document.getElementById(which).style;
Style.display = (Style.display == "none") ? "block" : "none";
}
function Toggle2(show,hide){
var args=Toggle2.arguments;
document.getElementById(args[0]).style.display ="block";
for (var z0=1;z0<args.length;z0++){
document.getElementById(args[z0]).style.display ="none";
}
}
var QAry=['modules','insurance','drivingtest','lessons','willing','member','payper','school','consider','brand','typeinsurance'];
function Toggle3(from,show){
for (var z0=0;z0<QAry.length;z0++){
if (QAry[z0]==from){
for (var z0a=z0+1;z0a<QAry.length;z0a++){
document.getElementById(QAry[z0a]).style.display ="none";
}
}
}
document.getElementById(show).style.display ="block";
}
</SCRIPT>
<DIV id=container>
<DIV class=inpane id=firstname>First name:<INPUT name=firstname> </DIV>
<DIV class=inpane id=lastname>Last name: <INPUT name=lastname> </DIV>
<DIV class=inpane id=emailaddress style="DISPLAY: block">Email: <INPUT name=emailaddress> </DIV>
<DIV class=inpane id=modules>Do you own a Car? <BR><BR>
Yes<INPUT class=rad onclick="Toggle3('modules','insurance')" type=radio value=yes name=owncar>
<BR>No<INPUT class=rad onclick="Toggle3('modules','drivingtest')" type=radio value=no name=owncar> <BR><BR>
<P></P></DIV>
<DIV class=outpane id=insurance style="DISPLAY: none">
How much do you is your car insurance? <BR><BR>
£100 - £400<INPUT class=rad onclick="Toggle3('insurance','typeinsurance')" type=radio value=100to400 name=insuranceprice> <BR>
£400 - £800<INPUT class=rad onclick="Toggle3('insurance','typeinsurance')" type=radio value=400to800 name=insuranceprice> <BR>
£800 - £1200<INPUT class=rad onclick="Toggle3('insurance','typeinsurance')" type=radio value=800to1200 name=insuranceprice> <BR>
£1200 - £2500<INPUT class=rad onclick="Toggle3('insurance','typeinsurance')" type=radio value=1200to2500 name=insuranceprice> <BR>
<BR>
<P></P></DIV>
<DIV class=outpane id=drivingtest style="DISPLAY: none">
Do you own a UK Driving License? <BR><BR>
Yes<INPUT class=rad onclick="Toggle3('drivingtest','consider',1)" type=radio value=yes name=drivinglicense> <BR>
No<INPUT class=rad onclick="Toggle3('drivingtest','lessons',1)" type=radio value=no name=drivinglicense> <BR>
<P></P></DIV>
<DIV class=outpane id=lessons style="DISPLAY: none">
Are you currently taking driving lessons? <BR><BR>
Yes<INPUT class=rad onclick="Toggle3('lessons','payper')" type=radio value=yes name=currentlytakinglessons> <BR>
No<INPUT class=rad onclick="Toggle3('lessons','willing')" type=radio value=no name=currentlytakinglessons> <BR>
<P></P></DIV>
<DIV class=outpane id=willing style="DISPLAY: none">
Do you want to take driving lessons in the near future? <BR><BR>
Yes<INPUT class=rad onclick="Toggle3('willing','member')" type=radio value=yes name=wantslessons> <BR>
No<INPUT class=rad onclick="Toggle3('willing','member')" type=radio value=no name=wantslessons> <BR>
<P></P></DIV>
<DIV class=outpane id=member style="DISPLAY: none">A member of our team will be in contact with you shortly </DIV>
<DIV class=outpane id=payper style="DISPLAY: none">How much do you pay per driving lesson? <BR>
£15 per lesson<INPUT class=rad onclick="Toggle3('payper','school')" type=radio value=15 name=payperlesson> <BR>
£20 per lesson<INPUT class=rad onclick="Toggle3('payper','school')" type=radio value=20 name=payperlesson> <BR>
£25 per lesson<INPUT class=rad onclick="Toggle3('payper','school')" type=radio value=25 name=payperlesson> <BR>
£30 per lesson<INPUT class=rad onclick="Toggle3('payper','school')" type=radio value=30 name=payperlesson> <BR>
<BR>
</DIV>
<DIV class=outpane id=school style="DISPLAY: none">
What school are you taking lessons with? <BR><BR>
<INPUT class=rad type=textbox name=schoolname> <BR>
<P></P>
</DIV>
<DIV class=outpane id=consider style="DISPLAY: none">
Would you consider buying a car in the next two years? <BR><BR>
Yes <INPUT class=rad onclick="Toggle('consider','brand')" type=radio value=yes name=considerbuying> <BR>
No<INPUT class=rad type=radio value=no name=considerbuying?> <BR>
<P></P></DIV>
<DIV class=outpane id=brand style="DISPLAY: none">
Which car brand would you like? <BR><BR>
Audi<INPUT class=rad type=radio value=Audi name=brand> <BR>
Bentley<INPUT class=rad type=radio value=Bentley name=brand> <BR>
BMW<INPUT class=rad type=radio value=BMW name=brand> <BR>
Citron<INPUT class=rad type=radio value=Citron name=brand> <BR>
Ford<INPUT class=rad type=radio value=Ford name=brand> <BR>
Honda<INPUT class=rad type=radio value=Honda name=brand> <BR>
Hyundai<INPUT class=rad type=radio value=Hyundai name=brand> <BR>
Mercedez<INPUT class=rad type=radio value=Mercedez name=brand> <BR>
MG<INPUT class=rad type=radio value=MG name=brand> <BR>
Peugeot<INPUT class=rad type=radio value=Peugeot name=brand> <BR>
Renault<INPUT class=rad type=radio value=Renault name=brand> <BR>
Smart<INPUT class=rad type=radio value=Smart name=brand> <BR>
Toyota<INPUT class=rad type=radio value=Toyota name=brand> <BR>
Vauxhall<INPUT class=rad type=radio value=Vauxhall name=brand> <BR>
Volks Wagon<INPUT class=rad type=radio value=Volks name=brand> <BR>
</DIV>
<DIV class=inpane id=typeinsurance style="DISPLAY: none">
hat type of car insurance do you have? <BR><BR>
Fully Comp<INPUT class=rad type=radio value=fullycomp name=typeinsurance> <BR>
3rd Party Fire and Theft<INPUT class=rad type=radio value=thirdparty name=typeinsurance> </DIV>
<DIV class=inpane id=final><INPUT type=submit value=Submit>
<DIV align=right>
<P><A href="javascript:location.reload(true)">Clear this form</A> </P></DIV></DIV></DIV></body>
</html>
Bookmarks