Wie erstellt man so einen Wizzard?

M

-michi-

Grünschnabel
Hi @ all,

ich suche nach einem Wizzard oder bessergesagt Auswahlverfahren mit dem man die Angaben immer genauer angeben kann. Wie es auf dieser Seite zu sehen ist:

http://www.nvidia.com/content/drivers/drivers.asp

Weiss jemand wie das zu realisieren ist? Oder gib es dazu ein Tutorial?

Geil wäre auch, wenn man am Schluss die Produkte gleich mit einem Bildchen usw. angezeigt bekommt... Ist das überhaubt mölgich ohne die Page zu aktualisieren?

Gruss -michi-
 
Hi,
naja, Wizzard ist glaub ich das falsche Wort. Dies sind einfach nur verschiedene selects die je nach Auswahl des vorherigen anders gefüllt werden.
Tutorials oder Beispielscripte gibt es gnügend.

Hier ein Beispiel:
Code: 
<body>
<form name="eingabe" method="post"> 
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
<select name="stage2" size="1">
<option value="index.php3?opencat=Gästebuch">Adfsdf</option>
<option value="index.php3?opencat=Impressum">Adsfsdfsd</option>
</select>
<script>
<!--
var groups=document.eingabe.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("Adfsdf","index.php3?opencat=Gästebuch")
group[0][1]=new Option("Adsfsdfsd","index.php3?opencat=Impressum")

group[1][0]=new Option("Basddsa","http://www.webaid.de")
group[1][1]=new Option("Bdsfsdfirm","http://www.jswelt.de")

group[2][0]=new Option("Cotbot","http://www.hotbot.com")
group[2][1]=new Option("Cnfoseek","http://www.infoseek.com")
group[2][2]=new Option("Cxcite","http://www.excite.com")
group[2][3]=new Option("Cycos","http://www.lycos.com")

var temp=document.eingabe.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}

//-->
</script>
</form>
</body>

Greetz
l|N
 
genau nach dem habe ich gesucht... genial thx...

jetzt noch eine kleine Frage, wäre das auch möglich von einer MySQL dahinter? Damint meine ich, dass die Werte in einer Datenbank gespeichert sind... Ich weiss aber nicht wie man mit Javascript die Datenbank auslesen könnte...

hast du da eine Idee?
 
JavaScript ist eine Client-Seitige Script-Sprache, die hat leider kein Zugriff auf die DB auf dem Server. Deshalb verwende ich persönlich immer PHP.

Greetz
l|N
 
geile sache, funktioniert so weit, dass ich die Daten aus einer Datenbank bekomme und auch verwenden kann... Jetzt habe ich nur noch ein kleineres Porlbem... kann mit jemand sagen wie ich diess Script auf 4 oder 5 auswahlfelder erweitern kann?
 
Idem du einfach vier- oder fünfdimensionale Arrays machst und die for-Schleifen entsprechend erweiterst.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück