Möchte ien Doppelauswahlmenü erstellen
Gerard
- javascript
Hallo
ich möchte für meine Seite ein Doppelauswahlmenü erstellen.
Konkret geht es um Alpabetisches Verzeichniss von Themen.
In einen Framefesnter soll der Besucher zuerst in einem Menüe einen Buchstaben auswählen (z.B - G - ) und dann in einen anderen Menü das Thema auswählen (Thema "G1" Thema "G2" oder Thema "G2".
Das Thema soll dann in einem weiteren Fenster im gleichen Feranset angezeigt werden.
Ich habe spwohl hier wie auch auf andern Seiten einen Javascriptcode gefunden welcher hierfür eine Lösung anbietet.
Der Code funktioniert aber nur beim Firefox beim IE 6 funktioniert er nicht.
Was muss an dem Code geändert werden damit dieser auch beim IE funktioniert. oder wie kann ich auf eine andere Art und Weise diesen Wunsch realisieren. Empfiehlt es sich hier evtl. mit einem verschachtelten Franeset zu arbeiten. Frame 1 Auswahl A-Z Frame 2 Auswahl A1 A2 A3 Frame3 Anzeige des Themas.
mit freundlichen Grüßen
Gérard
Hier der Code:
-------------------------------------------------------------
<script>
<form name="doppelmenue">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>A-Z </option>
<option> [ A ]</option>
<option> [ B ]</option>
<option> [ C ]</option>
<option> [ D ]</option>
<option> [ E ]</option>
<option> [ F ]</option>
<option> [ G ]</option>
<option> [ H ]</option>
<option> [ I ]</option>
<option> [ J ]</option>
<option> [ K ]</option>
<option> [ L ]</option>
<option> [ M ]</option>
<option> [ N ]</option>
<option> [ O ]</option>
<option> [ P ]</option>
<option> [ Q ]</option>
<option> [ R ]</option>
<option> [ S ]</option>
<option> [ T ]</option>
<option> [ U ]</option>
<option> [ V ]</option>
<option> [ W ]</option>
<option> [ X ]</option>
<option> [ Y ]</option>
<option> [ Z ]</option>
</select>
<select style="width: 360px ; background-color: #FFFF00 ; color: #FF0000 ; font-size : 95%" name="stage2" size="1">
<option value="startseite.html">Startseite</option>
</select>
<input type="button" name="test" value="GO" 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("Startseite","startseite.html")
auswahl[1][0]=new Option("A-Seite1","seite.html")
auswahl[1][1]=new Option("A-Seite1","seite.html")
auswahl[2][0]=new Option("B-Seite1","seite.html")
auswahl[2][1]=new Option("B-Seite2","seite.html")
auswahl[3][0]=new Option("C-Seite1","seite.html")
auswahl[3][1]=new Option("C-Seite2","seite.html")
auswahl[4][0]=new Option("D-Seite1","seite.html")
auswahl[4][1]=new Option("D-Seite2","seite.html")
auswahl[5][0]=new Option("E-Seite1","seite.html")
auswahl[5][1]=new Option("E-Seite2","seite.html")
auswahl[6][0]=new Option("F-Seite1","seite.html")
auswahl[6][1]=new Option("F-Seite2","seite.html")
auswahl[7][0]=new Option("G-Seite1","seite.html")
auswahl[7][1]=new Option("G-Seite2","seite.html")
auswahl[8][0]=new Option("H-Seite1","seite.html")
auswahl[8][1]=new Option("H-Seite2","seite.html")
auswahl[9][0]=new Option("I-Seite1","seite.html")
auswahl[9][1]=new Option("I-Seite2","seite.html")
auswahl[10][0]=new Option("J-Seite1","seite.html")
auswahl[10][1]=new Option("J-Seite2","seite.html")
auswahl[11][0]=new Option("K-Seite1","seite.html")
auswahl[11][1]=new Option("K-Seite2","seite.html")
auswahl[12][0]=new Option("L-Seite1","seite.html")
auswahl[12][1]=new Option("L-Seite2","seite.html")
auswahl[13][0]=new Option("M-Seite1","seite.html")
auswahl[13][1]=new Option("M-Seite2","seite.html")
auswahl[14][0]=new Option("N-Seite1","seite.html")
auswahl[14][1]=new Option("N-Seite2","seite.html")
auswahl[15][0]=new Option("O-Seite1","seite.html")
auswahl[15][1]=new Option("O-Seite2","seite.html")
auswahl[16][0]=new Option("P-Seite1","seite.html")
auswahl[17][1]=new Option("P-Seite2","seite.html")
auswahl[17][0]=new Option("Q-Seite1","seite.html")
auswahl[17][1]=new Option("Q-Seite2","seite.html")
auswahl[18][0]=new Option("R-Seite1","seite.html")
auswahl[18][1]=new Option("R-Seite2","seite.html")
auswahl[19][0]=new Option("S-Seite1","seite.html")
auswahl[19][1]=new Option("S-Seite2","seite.html")
auswahl[20][0]=new Option("T-Seite1","seite.html")
auswahl[20][1]=new Option("T-Seite2","seite.html")
auswahl[21][0]=new Option("U-Seite1","seite.html")
auswahl[21][1]=new Option("U-Seite2","seite.html")
auswahl[22][0]=new Option("V-Seite1","seite.html")
auswahl[22][1]=new Option("V-Seite2","seite.html")
auswahl[23][0]=new Option("W-Seite1","seite.html")
auswahl[23][1]=new Option("W-Seite2","seite.html")
auswahl[24][0]=new Option("X-Seite1","seite.html")
auswahl[24][1]=new Option("X-Seite2","seite.html")
auswahl[25][0]=new Option("Y-Seite1","seite.html")
auswahl[25][1]=new Option("Y-Seite2","seite.html")
auswahl[26][0]=new Option("Z-Seite1","seite.html")
auswahl[26][1]=new Option("Z-Seite2","seite.html")
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() {
window.open(temp.options[temp.selectedIndex].value,target='a-z','auswahl');
}
//-->
</script>
</form>