Omfg, sehen wir aus wie Javascript forum oder was? Anscheinend ja^^ :cry:
[HIGHLIGHT="xml"]<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>irgendsoein toller fragebogen...</title>
<style type="text/css">
*{
background-color: #000000;
color: #FFFFFF;
}
div{
background-color: #553300;
margin: 10px;
padding: 10px;
width: 80%;
overflow: hidden;
}
</style>
<script type="text/javascript">
//<![CDATA[
function init(){
document.getElementById("myForm").cbHead.checked=false;
document.getElementById("myForm").cbEyes.checked=false;
document.getElementById("myForm").cbGoogle.checked=false;
initBlocks();
}
function initBlocks(){
document.getElementById("blockHead").style.display="block";
document.getElementById("blockEyes").style.display="none";
document.getElementById("blockGoogle").style.display="none";
document.getElementById("blockYouSuck").style.display="block";
document.getElementById("blockOk").style.display="none";
}
//eigentlich müsste man auf dem server schönes Modell für diesen Fragebogen erzeugen,
//dann topologische Sortierung der einzelnen Fragen durchführen
//die Adjazenzliste schön übersichtlich oben in irgendeine Datenstruktur a lá Map<Frage,List<Frage>> packen usw...
//aber da du eine JS Frage in einem Javaforum postest, wird dich die Hässlichkeit der folgenden Lösung hoffentlich nicht zu sehr ankotzen^^
//sehr gammelige Lösung, müsste sogar javascriptlern tränen in die Augen treiben...
function updateBlocks(){
initBlocks();
if(document.getElementById("myForm").cbHead.checked){
document.getElementById("blockEyes").style.display="block";
if(document.getElementById("myForm").cbEyes.checked){
document.getElementById("blockGoogle").style.display="block";
if(document.getElementById("myForm").cbGoogle.checked){
document.getElementById("blockYouSuck").style.display="none";
document.getElementById("blockOk").style.display="block";
}
}
}
}
// ]]>
</script>
</head>
<body onload="javascript:init()">
<form id="myForm" action="http://www.wherever.whatever.xyz"
method="post" enctype="multipart/form-data">
<div id="blockHead">
<label><input type="checkbox" name="cbHead" value="wtf1" onclick="javascript:updateBlocks()"/>Ich habe einen Kopf</label>
</div>
<div id="blockEyes">
<label><input type="checkbox" name="cbEyes" value="wtf2" onclick="javascript:updateBlocks()"/>Ich habe sogar Augen</label>
</div>
<div id="blockGoogle">
<label><input type="checkbox" name="cbGoogle" value="wtf3" onclick="javascript:updateBlocks()"/>Ich habe schon was von Google gehört</label>
</div>
<div id="blockYouSuck" style="background: red">
Trifft Irgendwas nicht zu? Tja, dann haben Sie mächtig Pech gehabt...
</div>
<div id="blockOk" style="background: green">
Trifft alles zu? Dann googlen Sie mal nach "jendryschik einführung in xhtml und css"
</div>
</form>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
</body>
</html>
[/HIGHLIGHT]
Im Prinzip "voll funktionsfähig" aber ich brauche wohl nicht zu sagen, dass es totaler schrott ist, ich seh diesen JS-Krempel heute zum zweiten Mal im Leben^^
😀
edit: so, dieses Teil kommt nun auch durch den w3c-Validator, habe vorhin den <![CDATA[]]> Block vergessen.
