Gerard: Möchte ien Doppelauswahlmenü erstellen

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>