• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Dynamischer Textabschnitt

Status
Für weitere Antworten geschlossen.

Henry_Lee

Neues Mitglied
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. Habe das funktionslos ins Web gestellt:
Untitled Document


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:

<script type="text/javascript">
var Neu = "neuer <b>fetter<\/b> Text";
function Aendern () {
document.all.meinAbsatz.innerHTML = Neu;
}
</script></head><body>
<p id="meinAbsatz">Text</p>
<a href="javascript:Aendern()">Anderer Text</a>
</body></html>

Hier ist p id="meinAbsatz" auf diese Weise dynamisch... In meinem Bespiel ist das etwas anders, da ich ja mehrere Optionen biete.
Soll ich dann für jede Möglichkeit ein...
function Aendern1 ()
function Aendern2 ()
... etc. (mit den entsprechenden neuen Textteilen) machen?

Und wie wird dann die Funktion über das Formular abgerufen?

Egal ob so, oder anders, ich bitte euch um einen konkreten Quelltext!
Vielen Dank ;-)
 
Zuletzt bearbeitet:
ich möchte auf einer Site, dass sich nur 1 kleiner Teil der Seite dynamisch verändert, wenn eine bestimmte Option gewählt wird.
AJAX ist Dein Freund. Ich empfehle prototype.js

Ich brauche bitte eine genaue Anleitung wie das geht
Google aufrufen, "prototype.js" eingeben, da alles nachlesen. JavaScript downloaden, Dokumentation lesen. Die ist leicht verständlich und mit Beispielen.
Vielleicht bietet sich noch an, kurz bei Wikipedia nachzuschauen, was AJAX überhaupt ist.

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).
Aber hoffentlich existiert so ein Button trotzdem. Und Du hast Dir überlegt, was generell passiert, wenn der Nutzer JavaScript deaktiviert hat.

ich kann so damit noch nicht viel anfangen, weil ich micht mit JavaScript überhaupt nicht auskenne.
Wenn Dir jemand sagt, dass das mit JavaScript geht und Du Dich mit JavaScript nicht auskennst, dann liegt doch nahe, dass Du Dich auf die Suche nach JavaScript-Tutorials machst, oder?

Ich brauche daher den Quelltext, den ich dann nur mehr übernehmen und adaptieren kann:
Egal ob so, oder anders, ich bitte euch um einen konkreten Quelltext!
"Ich will das haben aber ich wlls nicht selber machen"-Anfragen gehören in die Jobbörse.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben