Text auf Knopfdruck sichtbar machen

Black Panter · 04.07.2006

Hi,

ich hab mir mehrere functions erstellt, die alle ähnlich lauten:

function text () {
document.write('text')
}

nun möcht ich, das je nach dem welchen punkt ich in einem menü auswähle.

menü:

<select name=test>
<option name=option1>text</option>
</select>

ich hab schon einiges probiert, komm aber nicht auf die lösung.
Und es soll nicht jedesmal eine neue Seite geladen werden.

Für Lösungsvorschläge bin ich dankbar.

Michael_B · 05.07.2006

Ähh... bitte nochmal... gaaanz langsam... ich peil hier gar nix

nun möcht ich, das je nach dem welchen punkt ich in einem menü auswähle

Kein verständlicher Satz

Was willst du denn machen, je nachdem welcher Punkt ausgewählt wird?

Lg
M.

Black Panter · 05.07.2006

also, ich hab nen menü mit den punkten punkt 1, punkt 2,...

und es soll, wenn punkt 1 ausgewählt wird soll function 1 (vorher definiert) ausgeführt werden, in meinem fall soll ein text angezeigt werden. bei punkt 2 ein anderer text usw.

Michael_B · 06.07.2006

unter http://www.selfhtml.net/javascript/beispiele/verweisliste.htm ist ein beispiel, dass du recht einfach auf dein problem anpassen müsstest. Hab leider frühestens morgen nachmittag Zeit, selbst was auszuprobieren.

Lg
M.

Black Panter · 06.07.2006

das nützt mir leider nicht viel. ich benutz keine frames. ich geh über tabellen.

Michael_B · 10.07.2006

Was ist denn hiermit?

Code:

&lt;html>
 &lt;head>
 &lt;title>Test&lt;/title>
 &lt;script type=text/javascript>
 &lt;!--
  function Go(x) {
   var ele = document.getElementById('content');
   switch(x) {
   case nothing: ele.firstChild.data='kein Eintrag ausgewählt'; break;
   case text1: ele.firstChild.data='Eintrag 1 ausgewählt'; break;
   case text2: ele.firstChild.data='Eintrag 2 ausgewählt'; break;
   case text3: ele.firstChild.data='Eintrag 3 ausgewählt'; break;
   case text4: ele.firstChild.data='Eintrag 4 ausgewählt'; break;
   case textdefault: ele.firstChild.data='sonstiger Eintrag ausgewählt'; break;
   }
  }
 //-->
 &lt;/script>
 &lt;/head>

 &lt;body>
 &lt;form action=>
  &lt;select size=1 name=Auswahl
 onChange=javascript:Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)>
  &lt;option value=nothing>[ bitte auswählen! ]&lt;/option>
  &lt;option value=nothing>----------------------------&lt;/option>
  &lt;option value=text1>Eintrag 1&lt;/option>
  &lt;option value=text2>Eintrag 2&lt;/option>
  &lt;option value=text3>Eintrag 3&lt;/option>
  &lt;option value=text4>Eintrag 4&lt;/option>
  &lt;option value=textdefault>Eintrag 5&lt;/option>
  &lt;option value=textdefault>Eintrag 6&lt;/option>
  &lt;/select>
 &lt;/form>
 &lt;p id=content>kein Eintrag ausgewählt&lt;/p>
 &lt;/body>
&lt;/html>

Lg
M.

Black Panter · 11.07.2006

vielen dank, dass ist genau das, was ich gesucht habe.

P.S. geht das auch mit funktionen, die ich forher defieniert habe? Also à la: function xy () {document.wrtie(xyz}

Michael_B · 12.07.2006

Du kannst natürlich hinter den case's deine eigenen Funktionen aufrufen, also

Code:

 function Go(x) {
   var ele = document.getElementById('content');
   switch(x) {
   ...
   case text3: xy(); break;
   ...
   }
  }

Aber du brauchst EINE Startfunktion (Go()), die anhand der Auswahl entscheidet, was zu tun ist.
Das document.write könnte probleme machen. Bei mir wurde mit dem Befehl immer ne neue Seite geladen, die nichts enthielt, außer das was der write-Methode übergeben wurde. Ich dachte auch, dass der Befehl die Daten ans aktuelle Dokument anhängt, komischerweise tut er's nicht - jedenfalls nicht im Firefox. Wenn du document.write benutzen würdest, würden die entsprechenden Texte ja auch immer untereinander ausgegeben werden. Also wählst du Punkt 1 aus der Liste aus, würde Hallo, hier ist Punkt 1 unten erscheinen. Wählst du danach Punkt 2 aus, dann wird Hallo, hier ist Punkt 2 unten angefügt. Die Meldung, die von Punkt 1 dargestellt wird, verschwindet dadurch nicht. Weiss nicht, ob du das so haben willst.
Wenn die Meldungen tatsächlich ersetzt werden sollen, müsstest du es so machen, wie ich es geschrieben habe. Also mit

Code:

var ele = document.getElementById('content');

und

Code:

ele.firstChild.data='hier die entsprechende Meldung rein';

und einem HTML-Tag, der über eine ID verfügt, wie

Code:

&lt;p id=content>kein Eintrag ausgewählt&lt;/p>

Lg
M.

Black Panter · 12.07.2006

ich meinte, ob man anstelle von Eintrag 1 ausgewählt ne funktion reinschreiben kann.

Michael_B · 12.07.2006

Michael_B schrieb:
Du kannst natürlich hinter den case's deine eigenen Funktionen aufrufen, also

Code:

function Go(x) { var ele = document.getElementById('content'); switch(x) { ... case text3: xy(); break; ... } }

Man beachte den Funktionsaufruf xy() im Anweisungsteil von case text3

Lg
M.

Black Panter · 12.07.2006

oh, hab ich übersehen.

Text auf Knopfdruck sichtbar machen

Black Panter

Michael_B

Black Panter

Michael_B

Black Panter

Michael_B

Black Panter

Michael_B

Black Panter

Michael_B

Black Panter

Text auf Knopfdruck sichtbar machen

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums