SELFHTML Forum
SELFHTML Forumsarchiv
2008
Juni
 |
SELFHTML Forumsarchiv |
 |
|
 |
|
Die folgende Nachricht zum Thema stammt von: adrinator, 28. 06. 2008, 16:09
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
Die folgende Nachricht zum Thema stammt von: steckl, 28. 06. 2008, 16:27
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
© 1998-2008 
Impressum, Software: Classic Forum
(JAVASCRIPT)