Ich habe gerade Zeit und bastele an meiner Homepage herum. Ich habe mir vorgestellt mit JavaScript einen Fragebogen zu erstellen um damit den Traumhund finden; so ne Art Hundefinder wie es das für Handys und Elektrogeräte gibt.
Also man gibt Sachen ein wie, dass der Hund klein sein soll, ein ausgeglichenes Wesen haben soll, wenig Bewegungsdrang und so weiter. Zusätzlich gibt es noch Checkboxen wo man unbedingt wichtige Sachen ankreuzen kann. Alles ist mit einem Wert zwischen 0-15 versehen und mit wahr oder falsch. Auf der nächsten Seite sollen die Bilder der Hunde die in Frage kommen aufgeführt werden. Na ja ich mache mir selber das Leben schwer, allerdings bin ich jetzt vom Ehrgeiz getrieben es irgentwie zu schaffen.
Ich habe angefangen das zu programmieren, aber es hat nicht hingehauen.
Die erste Seite: Also das soll die Funktion sein, damit der Computer "weiß" welche Eigenschaften wichtig sind für den einzelnen Hund.
Beispielsweise nur ein Hund....
<script language="JavaScript" type="text/javascript">
<!--
dtschaeferh = Image
dtschaeferh.scr="dtschaeferh.jpg" <<<<<definition des Bildes>>>>>>
function mobile(){
var newWindow=window.open("", method="get", "mobilephonemarket")
if (document.forms.groesse.value!="klein") || document.forms.famhund.value!="15" ||
document.checkbox.unbedingt_famhund.value!="true") || document.forms.HDfrei.value!="15" || document.checkbox.unbedingt_HDfrei.value!="true")
return document.dtschaeferh.src="dtschaeferh.jpg"
<<<<<<<die Bedingungen damit der dEUTSCHE sCHÄFERHUND AUSGEWÄHLT WIRD>>>>>>>
newWindow = window.open("Hundevergleich.html")
mobileWindow.document.writeln("<html><head></html>")
mobileWindow.document.writeln("<body>")
<<<<<HIERMIT SOLL SICH DIE ZWEITE SEITE ÖFFNEN; DIE SOWOHL STATISCH IST DIE MENÜLISTE SOLLTE ÜBERALL GLEICH SEIN ABER JEDES MAL ANDERE hUNDE ZEIG JE NACH AUSWAHL>>>>>
//-->
</script>
Der Teil mit dem Pulldown Menü:
<tr>
<td style="vertical-align: middle;"><a href="javascript:infofenster('groesse')"><img src="images/sp_info.gif" width=21 height=11 border=0 alt=""></a> Measurements</td>
<td align="center"><select name="groesse" style="width:100px;"><option value="klein" selected>klein</option><option value="mittel">mittel</option><option value="gross">groß</option></select></td>
</tr>
<tr>
<td style="vertical-align: middle;"><a href="javascript:infofenster('gewicht')"><img src="images/sp_info.gif" width=21 height=11 border=0 alt=""></a> Weight</td>
<td align="center"><select name="gewicht" style="width:100px;"><option value="15">sehr wichtig</option><option value="10" selected>wichtig</option><option value="5">egal</option></select></td>
</tr>
<<<<<<GEZEIGT SIND ZWEI VERSCHIEDENE EIGENSCHAFTEN DIE MAN IM MENÜ AUSWÄHLEN KANN; OBWOHL DAS PULL DOWN MENÜ LIEF BEREITS; ES SUCHTE NUR NICHT AUS, SONDERN ZEIGTE EINE WEIßE SEITE>>>>>>>
Die Buttons:
<center><input type="submit" name="submit" value="Finde Hunderassen"><input type="reset" value="Zurücksetzen"></center>
Das ist in der darauf folgenden zweiten Seite: dAMIT DAS DOKUMENT WEISS WO ES DIE hUNDEBILDER HINSETZEN SOLL: üBER DIESEM TEIL STEHT NOCH DER CODE FÜR DIE MENÜLEISTE UND DIE fUNKTION DIE AUCH AUF DER ERSTEN SEITE STEHT:
<body onLoad=“mobile()“>
<table><tr>
<td><img scr=““ name““ width=100 height=150></td>
<td><img scr=““ name““ width=100 height=150></td>
<td><img scr=““ name““ width=100 height=150></td>
<td><img scr=““ name““ width=100 height=150></td>
<td><img scr=““ name““ width=100 height=150></td>
</tr></table>
Ich hoffe dass ich das nicht zu kompliziert aufgebaut habe. Und das mir jemand helfen kann