Suche JavaScript für PullDown Menü

MeGaMaN · 22.08.2002, 13:24

Hi!
Ich suche ein JavaScript, bei dem ich ein PullDown Menü habe und je nachdem was in dem Menü gewählt wurde, wird unter dem PullDown Menü anderer Text (HTML Code) dargestellt.

In der Praxis geht es darum,daß ich an einer Datenbankeingabe arbeite und man oben auf der Seite per PullDown Menü auswählt was für Daten man eingeben will und dann unter dem PullDown Menü ein entsprechendes Formular für den Datentyp bekommt. Da ich das Ganze hinterher in ein JavaServlet portieren muß, kommt keine Framelösung oder ähnliches in Frage.

Gruß
MeGa

Stuck Mojo · 22.08.2002, 14:08

oui... die ganze Sache ist ein bischen komplizierter... Entweder du erstellst deine Formulare via DOM (funzt leider nur in den neueren Browsern) oder Schreibst alle möglichen Formular in Layer, die du dann ein- oder ausblendest. Das Prob wird dann vielleicht noch sein, die Sache abzuschicken. Da jede Form in einem Layer ein eigenes Objekt darstellt. Falls du also Form-Elemente auserhalb des Layers hast, musst du eine Funktion haben, die dir die Sachen einmal zusammenzieht und dann z.B. in ein hidden-Form einträgt und abschickt.

Gruss Jan

MeGaMaN · 22.08.2002, 14:37

nene, garnicht so kompliziert gedacht...

<html>
<head>
<title>Test</title>

<script type="text/javascript">
function Go(x) {
if(x=="1"){document.writeln("1");}
if(x=="2"){document.writeln("2");}
if(x=="3"){document.writeln("3");}
}
</script>
</head>

<body>
<form action=""><select size=1 name="Auswahl"onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)">
<option value="0">...Frageart wählen</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select></form>

</body>
</html>

Mit diesem Script kann ich schon eine Option aus der Liste auswählen und die Go() function gibt mir auch entsprechenden Code aus. Problem ist jetzt nur noch, daß ich ja nicht jedesmal die ganze Seite neuschreiben will, sondern den Text den Go() ausgibt will ich einfach zwichen dem Formular und dem </body> tag schreiben. Weiß nur nicht wie ich den dahin bekomme.

Hat jemand da ne Idee??

Stuck Mojo · 22.08.2002, 14:53

...ich sag ja ein bischen komplizierter...

Mit document.write kannst Du nur Text an der Stelle ausgeben, an der sich der Befehl befindet. Du könntest es mit Layern machen. Die füllst du dann z.B. so:

Code:

<html>
<head>
<title>Test</title>
<script type="text/javascript">
function Go(x) {
  var layer = document.getElementById('deineform');
  switch(x) {
     case "1":
       text = 'Du hast <b>1</b> ausgewählt!';
       break;
     case "2":
       text = 'Du hast <b>2</b> ausgewählt!';
       break;
     case "3":
       text = 'Du hast <b>3</b> ausgewählt!';
       break;
  }
  layer.innerHTML = text;
}
</script>
</head>

<body>
<form action=""><select size=1 name="Auswahl"onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)">
<option value="0">...Frageart wählen</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select></form>

<div style="position:relative;" id="deineform"></div>
</body>
</html>

...der Code gilt aber nur für neuere Browser... IE5.x und NS6.x ...Opera kann sowas nicht.

Gruss Jan

MeGaMaN · 29.08.2002, 16:27

Jo super, hab damit jetzt ein wenig gearbeitet und es klappt. THX für die Hilfe!