Hallo,
ich möchte für meine Website ein Auswahlmenu ähnnlich dem bei der eBay-Kategorie-Auswahl.
Ich habe auch ein kostanloses Script gefunden (http://www.traci.de/javascript/[/URL] --> Menu --> Doppelmenü ) und brauche jetzt Hilfe beim anpassen.
Das geänderte Menu soll:
über 3 select-Boxen verfügen
die Möglichkeit bieten auch eine Url zu verlinken wenn keine oder nur eine Unterkategorie gewählt ist
wenn im 3. Feld eine Kategorie gewählt ist automatisch "Starten"
Ich würde mich über einen auführlichen Kommentar freuen!
Es folgt der Quelltext:´
<!--Beginn des Scripts-->
<form name="doppelmenue">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Start</option>
<option>Suchmaschinen</option>
<option>Sonstiges</option>
</select>
<select name="stage2" size="1">
<option value="#">Home</option>
<option value="#">Statusscripte</option>
<option value="#">Spiele</option>
<option value="#">Gästebuch</option>
<option value="#">Forum</option>
</select>
<input type="button" name="test" value="Start" onClick="auswaehlen()"></p>
<script>
<!--
var groups=document.doppelmenue.example.options.length
var auswahl=new Array(groups)
for (i=0; i<groups; i++)
auswahl[i]=new Array()
auswahl[0][0]=new Option("Home","center.html")
auswahl[0][1]=new Option("Gästebuch","#")
auswahl[0][2]=new Option("Win9x Diskussions-Forum","#")
auswahl[0][3]=new Option("Win9x Trickkiste","#")
auswahl[0][4]=new Option("JavaScript-Archiv","#")
auswahl[1][0]=new Option("Yahoo","http://www.yahoo.com")
auswahl[1][1]=new Option("Excite","#")
auswahl[1][2]=new Option("Fireball","http://www.fireball.de")
auswahl[1][3]=new Option("Eule","http://www.eule.de")
auswahl[2][0]=new Option("T-Online","#")
auswahl[2][1]=new Option("Arbeitsamt","#")
auswahl[2][2]=new Option("AVM-Homepage","#")
auswahl[2][3]=new Option("Premiere World","#")
var temp=document.doppelmenue.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<auswahl[x].length;i++){
temp.options[i]=new Option(auswahl[x][i].text,auswahl[x][i].value)
}
temp.options[0].selected=true
}
function auswaehlen(){
location=temp.options[temp.selectedIndex].value
<!--Im Frame öffnen: obere Zeile mit dieser ersetzen-->
<!-- window.open(temp.options[temp.selectedIndex].value,target='blank','auswahl'); -->
}
//-->
</script>
</form>
<!--Ende des Scripts-->
T.S.
mainserver@web.de