Dynamischer Textabschnitt

Liebe Leute,

ich möchte auf einer Site, dass sich nur 1 kleiner Teil der Seite dynamisch verändert, wenn eine bestimmte Option gewählt wird. Es soll dort ein Dropdown Menu geben und sobald eine Option ausgewählt wird, soll ein bestimmter Textabschnitt eingeblendet werden.

In meinem Beispiel wäre das so:
Ich mache ein Dropdown-Menu wo Städte zur Auswahl stehen. Sobald eine Stadt ausgewählt wird also im Menu angeklickt wird, sollen dazugehörige Informationen im Textabschnitt darunter eingeblendet werden. Diese Informationen sind in diesem Fall Fluggesellschaft und Zielflughafen. Optimalerweise ist die Fluggesellschaft verlinkt.

Ich brauche bitte eine genaue Anleitung wie das geht, mit Quelltext oder ein Beispiel wo ich das kopieren kann. Wichtig ist auch, dass sobald im Dropdown-Menu eine Stadt ausgewählt wird (also angeklickt wird), soll das Formular abgeschickt werden (man soll also nicht erst „senden“ drücken brauchen).

Ich habe auch schon folgende Tips bekommen, wie das gehen soll, aber ich kann so damit noch nicht viel anfangen, weil ich micht mit JavaScript überhaupt nicht auskenne. Ich brauche daher den Quelltext, den ich dann nur mehr übernehmen und adaptieren kann:

…die einfachste Variante diese in
einem JavaScript - wie auch schon erwähnt wurde - „hardcoded“
(also direkt im Quelltext der Seite) zu verwenden, um die
Anpassung dynamisch rein über JavaScript laufen zu lassen.

Am Einfachsten arbeitest du hierbei dann mit „innerHTML“

Dazu habe ich bei Self HTML folgendes gefunden:

var Neu = „neuer <b>fetter</b> Text“;
function Aendern () {
document.all.meinAbsatz.innerHTML = Neu;
}
Text
[Anderer Text](javascript:Aendern())

Liebe Leute,

ich möchte auf einer Site, dass sich nur 1 kleiner Teil der
Seite dynamisch verändert, wenn eine bestimmte Option gewählt
wird. Es soll dort ein Dropdown Menu geben und sobald eine
Option ausgewählt wird, soll ein bestimmter Textabschnitt
eingeblendet werden.

In meinem Beispiel wäre das so:
Ich mache ein Dropdown-Menu wo Städte zur Auswahl stehen.
Sobald eine Stadt ausgewählt wird also im Menu angeklickt
wird, sollen dazugehörige Informationen im Textabschnitt
darunter eingeblendet werden. Diese Informationen sind in
diesem Fall Fluggesellschaft und Zielflughafen. Optimalerweise
ist die Fluggesellschaft verlinkt.

Ich brauche bitte eine genaue Anleitung wie das geht, mit
Quelltext oder ein Beispiel wo ich das kopieren kann. Wichtig
ist auch, dass sobald im Dropdown-Menu eine Stadt ausgewählt
wird (also angeklickt wird), soll das Formular abgeschickt
werden (man soll also nicht erst „senden“ drücken brauchen).

Ich habe auch schon folgende Tips bekommen, wie das gehen
soll, aber ich kann so damit noch nicht viel anfangen, weil
ich micht mit JavaScript überhaupt nicht auskenne. Ich brauche
daher den Quelltext, den ich dann nur mehr übernehmen und
adaptieren kann:

…die einfachste Variante diese in
einem JavaScript - wie auch schon erwähnt wurde - „hardcoded“
(also direkt im Quelltext der Seite) zu verwenden, um die
Anpassung dynamisch rein über JavaScript laufen zu lassen.

Am Einfachsten arbeitest du hierbei dann mit „innerHTML“

Dazu habe ich bei Self HTML folgendes gefunden:

var Neu = „neuer <b>fetter</b> Text“;
function Aendern () {
document.all.meinAbsatz.innerHTML = Neu;
}

Text
[Anderer Text](javascript:Aendern())

http://www.gamalaser.de/anreise.htm

So soll das also optisch aussehen. Bitte fragt mich, wenns noch immer unklar ist. Danke :wink:

ok.

Nun die Frage :

Wenn ich das Select feld auswähle , z.b. Bremen, was soll dann passieren ?

I.

  1. Das forumlar soll abgeschickt werden (Suche Bremen)
  2. Die gleiche Seite mit dem suchergebniss (Bremen) soll angezeigt werden .

oder

II.

  1. du wählst ein Select Feld aus und es soll einfach nur ein Ergebniss „welches du schon kennst“ (suche Bremen) ausgegeben werden, dabei wird die Seite nicht neu geladen sondern nur das mitgelieferte Vorgefertigte Ergebniss dargestellt.

bei I. kann man ein IFRAME nehmen wo dann das Ergebniss erscheint.

wäre dies so

http://abacvs.org/global-eworld-consulting.de/help/s…

bei II. wäre es denn so

http://abacvs.org/global-eworld-consulting.de/help/s…

was sagt dir zu.

-)

bei I. kann man ein IFRAME nehmen wo dann das Ergebniss
erscheint.

wäre dies so

http://abacvs.org/global-eworld-consulting.de/help/s…

bei II. wäre es denn so

http://abacvs.org/global-eworld-consulting.de/help/s…

was sagt dir zu.

Großartig!!! Super! Genau so! Vielen Dank!

Fall II ist ausreichend, I wäre schöner, wenn es umfangreicher wäre.
Ich werde es versuchen mit zu machen anstatt da es nur ein Absatz ist. Da spiele ich Mal rum damit.
Schaut eigentlich sehr einfach aus - vorausgesetzt man kann JavaScript :wink:

Danke + LG,
Henry