Psycho-Tests

Der ganze Psychotest besteht aus Javascript und HTML. Anfangs wäre es besser, ein Programm wie FrontPage oder Dreamweaver zu besitzen, um sich einzugewöhnen.
Ich habe am Anfang Adobe GoLive verwendet, was natürlich auch möglich ist.

1. Öffnet euer Programm und erstellt eine neue HTML-Seite.

2. Schreibt in den Quelltext das hinein:

<script language="JavaScript">
<!--
function process()
{
var best = 0;
var gut = 0;
var weniger = 0;
var schlecht = 0;
var f = document.f;
var i = 0;

location.href = out + ".html";
}
function err(msg, url, line)
{
location.href = "error.html";
}
//window.onerror = err;
// -->
</script>


"best, gut, weniger, schlecht" sind hier nur Beispiele für Namen, die ihr verwenden könnt.
Ihr könnt z.B. ja auch "Möglichkeit1, Möglichkeit2, Möglichkeit3, Möglichkeit4" schreiben.

3. Ändert erstmal die Bezeichnung best, gut, weniger und schlecht in eure Bezeichnungen um.

4. Wenn ihr das gemacht habt, habt ihr mal die Grundlage für den Psycho-Test gesetzt. Nun kommt aber der schwierigere Teil: Den Psycho-Test richtig schreiben. Lasst 2 Zeilen aus und fügt dann folgenden Code ein:


<form name="f">
<b>Frage 1?<br></b>
<input type="radio" name="one" value="1">Antwortmöglichkeit 1<br>
<input type="radio" name="one" value="2">Antwortmöglichkeit 1<br>
<input type="radio" name="one" value="3">Antwortmöglichkeit 1<br>
<input type="radio" name="one" value="4">Antwortmöglichkeit 1<br>
<p></p>
<b>Frage 2?<br></b>
<input type="radio" name="two" value="1">Antwortmöglichkeit 1<br>
<input type="radio" name="two" value="2">Antwortmöglichkeit 1<br>
<input type="radio" name="two" value="3">Antwortmöglichkeit 1<br>
<input type="radio" name="two" value="4">Antwortmöglichkeit 1<br>
<p></p>
<b>Frage 3?<br></b>
<input type="radio" name="three" value="1">Antwortmöglichkeit 1<br>
<input type="radio" name="three" value="2">Antwortmöglichkeit 1<br>
<input type="radio" name="three" value="3">Antwortmöglichkeit 1<br>
<input type="radio" name="three" value="4">Antwortmöglichkeit 1<br>
<p></p>
<b>Frage 4?<br></b>
<input type="radio" name="four" value="1">Antwortmöglichkeit 1<br>
<input type="radio" name="four" value="2">Antwortmöglichkeit 1<br>
<input type="radio" name="four" value="3">Antwortmöglichkeit 1<br>
<input type="radio" name="four" value="4">Antwortmöglichkeit 1<br>
<p></p>
<b>Frage 5?<br></b>
<input type="radio" name="five" value="1">Antwortmöglichkeit 1<br>
<input type="radio" name="five" value="2">Antwortmöglichkeit 1<br>
<input type="radio" name="five" value="3">Antwortmöglichkeit 1<br>
<input type="radio" name="five" value="4">Antwortmöglichkeit 1<br>
<p></p>


5. Anstrengend wird jetzt das: Scrollt in eurer Datei nach oben und sucht folgenden Text:

for (i = 0; i < f.one.length; i++) if (f.one[i].checked) value = f.one[i].value;
if (value == "1") { best++; }
if (value == "2") { weniger++; }
if (value == "3") { schlecht++; }
if (value == "4") { gut++; }

Hier seht ihr jetzt, dass da bei value == "1" "best" dabei steht. Das bedeutet, dass man, wenn man bei dieser Antwortmöglichkeit klickt schon zu 20% "best" ist (bei 5 Fragen xD) Ihr müsst nun nachsehen, welche Antwortmöglichkeit sich auf was bezieht und dann die dazu gehörigen Antworten schreiben.
Kurz zusammengefasst: Steht bei value == "1" das Wort "best" dabei, dann müsst ihr unten bei input type="radio" name="one" value="1">Antwortmöglichkeit 1, dann müsst ihr als Antwortmöglichkeit eine schreiben, die zu "best" passt.

6. Schreibt alle Antwortmöglichkeiten auf und fügt dann ganz unten noch folgenden Text ein: <input type="button" value="Check!" onclick="process();" style="font-family:verdana; font-size=10pt; border:1; border-color:#00000; border-style:solid; background-color:#ffffff"><br></font>

//-->
</script>


7. Den Style könnt ihr natürlich noch ändern, aber dann seid ihr fertig. Speichert die Datei unter eurem gewünschten Namen ab.

Um die Auflösungsseiten zu erstellen, müsst ihr nur eine Seite gestalten, die dann z.B. best.html heißt. Oder eben weniger.html. Einfach den Namen + der Endung, die im Script steht.