Infotext für Auswahl im Multipler Drop-Down-Menü

I

Inspirator

Grünschnabel
Ich habe das Problem in ein bestehendes und funktionierendes Multiple Drop-Down-Menü Infotext für jeden Menüauswahlpunkt einzubauen. Ich nutze "textarea" und habe nun Probleme die Infotexte zu den Menüpunkten zu zuordnen.

Bitte um Hilfestellung. Vielen Dank !

Code: 
<FORM name="isc">

*/ 
Hier wird das Infotextfeld in seinem Ausmaß definiert und mit einem Starttext belegt.
/*

<textarea WRAP="virtual" name="textarea_1" rows=6 cols=60>Nutzungshinweis: Bitte wählen Sie zu erst, welche Übersicht Sie wünsen. Wählen Sie dann aus den jeweiligen folgenden Menüs ihre entsprechende Reise aus. Lesen Sie bitte jeweils den angezeigten Infotext und wählen Sie "Go!" um für die entsprechende Reise eine PDF-Datei mit allen Reiseinformationen zu öffnen. </textarea><br> 


<table border="0" cellspacing="0" cellpadding="0">
  <tr align="center"> 
    <td nowrap height="11"> &nbsp;

*/ 1. Drop-Down-Menü /*
<select name="example" size="1" onChange="redirect(this.options.selectedIndex);switch_text();">
<option selected>---Auswahl 1-------</option>
<option>Länderübersicht</option>
<option>Terminübersicht</option>
<option>Reiseartübersicht</option>
</select>

*/ 2. Drop-Down-Menü /*
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex);switch_text();">
<option value=" " selected> </option>
<option value=" " selected>---Auswahl 2------------</option>
<option value=" " selected>---Auswahl 2------------</option>
<option value=" " selected>---Auswahl 2------------</option>
</select>

<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex);switch_text();">

*/ 3. Drop-Down-Menü /*
<option value=" " selected> </option>
<option value=" " selected>---Auswahl 3--------------</option>
<option value=" " selected>---Auswahl 3--------------</option>
<option value=" " selected>---Auswahl 3--------------</option>
</select>

<script>
<!--

var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("--Auswahl 2--"," ");

group[1][0]=new Option("Auswahl Land"," ");
group[1][1]=new Option("Baltikum","47");
group[1][2]=new Option("Deutschland","46");
group[1][3]=new Option("Frankreich","45");

group[2][0]=new Option("Auswahl Termin"," ");
group[2][1]=new Option("Februar","115");
group[2][2]=new Option("März","116"); 
group[2][3]=new Option("April","117"); 


group[3][0]=new Option("Auswahl Reiseart"," ");
group[3][1]=new Option("Badereisen","38");
group[3][2]=new Option("Kurreisen","39");

*/ Hier müssen nun folgendend die Infotexte zu den Menüpunkten 
zugeordnet werden - hier habe ich Problem ! */

var text_array = new Array(group);

text_array[0] = new Array("Nutzungshinweis: Bitte wählen Sie zu erst, welche Übersicht Sie wünsen. Wählen Sie dann aus den jeweiligen folgenden Menüs ihre entsprechende Reise aus. Lesen Sie bitte jeweils den angezeigten Infotext und wählen Sie "Go!" um für die entsprechende Reise eine PDF-Datei mit allen Reiseinformationen zu öffnen."); 

text_array[1] = new Array("Infotext Länderauswahl", // Erste Infotext ist Primärinfo
"Infotext Baltikum",
"Infotext Deutschland",
"Infotext Frankreich.");

text_array[2] = new Array("Infotext Terminauswahl.",
"Infotext Februar",
"Infotext März",
"Infotext April");

text_array[3] = new Array("Infotext Reiseart",
"Infotext Badereisen",
"Infotext Kurreisen");

*/ Diese Funktion dient dazu die Informationstexte basierend auf
den vorhanden Infoeinträgen und unterschiedlichen Menü auszutauschen
*/

function switch_text()

{
  window.document.isc.textarea_1.value = text_array[window.document.isc.example.selectedIndex][window.document.isc.stage2.selectedIndex][window.document.isc.stage3.selectedIndex];
}





var temp=document.isc.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
redirect1(0)
}



var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++)  {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++)  {
secondGroup[i][j]=new Array()  }}

secondGroup[0][0][0]=new Option("Auswahl Reise"," ");
secondGroup[1][0][0]=new Option("Auswahl Reise"," ");
secondGroup[1][1][0]=new Option("Bitte wählen Sie"," ");
secondGroup[1][1][1]=new Option("Reisetermin Baltikum A1","http://reiseterminA1.de");
secondGroup[1][1][2]=new Option("Reisetermin Baltikum  A2","http://reiseterminA2.de");
secondGroup[1][1][3]=new Option("Reisetermin Baltikum  A3","http://reiseterminA3.de");

secondGroup[1][2][0]=new Option("Bitte wählen Sie"," ");
secondGroup[1][2][1]=new Option("Reisetermin Deutschland B1","http://reiseterminB1.de");
secondGroup[1][2][2]=new Option("Reisetermin Deutschland B2","http://reiseterminB2.de");
secondGroup[1][2][3]=new Option("Reisetermin Deutschland B3","http://reiseterminB3.de");

secondGroup[1][3][0]=new Option("Bitte wählen Sie"," ");
secondGroup[1][3][1]=new Option("Reisetermin Frankreich B2","http://reiseterminB2.de");
secondGroup[1][3][2]=new Option("Reisetermin Frankreich B2","http://reiseterminB2.de");

secondGroup[2][0][0]=new Option("Auswahl Reise"," ");
secondGroup[2][1][0]=new Option("Bitte wählen Sie"," ");
secondGroup[2][1][1]=new Option("Reisetermin Februar C1","http://reiseterminC1.de");
secondGroup[2][1][2]=new Option("Reisetermin Februar C2","http://reiseterminC2.de");
secondGroup[2][1][3]=new Option("Reisetermin Februar C3","http://reiseterminC3.de");

secondGroup[2][2][0]=new Option("Bitte wählen Sie"," ");
secondGroup[2][2][1]=new Option("Reisetermin März D1","http://reiseterminD1.de");
secondGroup[2][2][2]=new Option("Reisetermin März D2","http://reiseterminD2.de");

secondGroup[2][3][0]=new Option("Bitte wählen Sie"," ");
secondGroup[2][3][1]=new Option("Reisetermin April E1","http://reiseterminE1.de");
secondGroup[2][3][2]=new Option("Reisetermin April E2,"http://reiseterminE2.de");

secondGroup[3][0][0]=new Option("Auswahl Reise"," ");
secondGroup[3][1][0]=new Option("Bitte wählen Sie"," ");
secondGroup[3][1][1]=new Option("Reisetermin Badereise F1","http://reiseterminF1.de");
secondGroup[3][1][2]=new Option("Reisetermin Badereise F2","http://reiseterminF2.de");
secondGroup[3][1][3]=new Option("Reisetermin Badereise F3","http://reiseterminF3.de");

secondGroup[3][2][0]=new Option("Bitte wählen Sie"," ");
secondGroup[3][2][1]=new Option("Reisetermin Kurreise G1","http://reiseterminG1.de");
secondGroup[3][2][2]=new Option("Reisetermin Kurreise G2","http://reiseterminG2.de");
secondGroup[3][2][3]=new Option("Reisetermin Kurreise G3","http://reiseterminG3.de");

var temp1=document.isc.stage3

function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}

var targetframe="Hauptframe"

function redirect2(z){
var destination=eval("window.parent."+targetframe)
window.location=temp1[z].value
}
//-->
    </script>
    

		</td>
  </tr>
</table>
</FORM>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück