adrinator: Formular bei Klick auf Button vertauschen?

SELF-Forum

Formular bei Klick auf Button vertauschen?

adrinator
– Informationen zu den Bewertungsregeln

Hallo!

Ich habe ein Problem. Ich will ein Formular erstellen, dass sich nach Klick auf einen Button ändert. Also es soll ungefähr so ablaufen:

Formular 1 wird angezeigt
Klick auf Button
Anderes Formular wird angezeigt

Mit Texten bekomme ich das auch hin, nur mit Html-Objekten klappt das nicht. Hier der Code von selfhtml:

<html><head><title>Test</title>
<style type="text/css">
.normal { font-style:normal }
</style>
<script type="text/javascript">
function neueTexte () {
  document.getElementsByTagName("p")[0].firstChild.data = "neuer erster";
  document.getElementsByTagName("p")[1].firstChild.data = "neuer zweiter";
  document.getElementsByTagName("p")[2].firstChild.data = "neuer dritter";
  document.getElementsByTagName("h1")[0].firstChild.data = "Alles anders";
}
</script>
</head><body>
<h1>Dynamisch, sehr dynamisch</h1>
<p>Ein erster Absatz</p>
<p>Ein zweiter Absatz</p>
<p>Ein dritter Absatz</p>

<p><a href="javascript:neueTexte()">neue Texte</a></p>
</body></html>

Mfg
adrian

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Formular bei Klick auf Button vertauschen?

    steckl
    – Informationen zu den Bewertungsregeln

    Hi,

    Formular 1 wird angezeigt
    Klick auf Button
    Anderes Formular wird angezeigt

    Du könntest den Quellcode von beiden Formularen gleich fest in die Datei schreiben.
    Dann mit CSS die Display-Eigenschaft des einen Formulars, das am anfang nicht sichtbar sein soll auf "none" setzen.
    Bei Klick auf den Button, kannst du - mit JS - die Display-Eigenschaft des versteckten Formulars dann ändern und das andere auf Display = none setzen.

    Der Code sieht dann in etwa so aus (ungetestet):

      
// ausblenden von Element mit ID formular1  
document.getElementById("formular1").style.display = "none";  
  
// einblenden von Element mit ID formular2  
document.getElementById("formular2").style.display = "block";

    mfG,
    steckl

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln