PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
Eingabe -> Ausgabe in ein neues Dokument über JS
Beitrag
<blockquote data-quote="Crackp0t" data-source="post: 1551035" data-attributes="member: 55692"><p><strong>AW: Eingabe -> Ausgabe in ein neues Dokument über JS</strong></p><p></p><p>Der DOM ist ein Baum vom Elementen. "document" ist der Teil des DOM, welcher deinen Code enthält. Wenn deine Seite mit einem Browser aufgerufen wird, wird dein Code von oben nach unten gelesen und in die DOM-Strucktur integriert. "Lesen" steht in diesem Fall für interpretieren. Wenn du nun beispielsweise im <head> ein <script> hast, wird dieses Script ausgeführt, sobald der Browser(Interpreter) an diese Stelle kommt. Wenn du dich in diesem Script nun z. B. auf eine <form> im <body> beziehst, wird dies nich ohne weitere Maßnahmen funktionieren, da für den Browser dieses Element nocht garnicht existiert.</p><p></p><p>Um den DOM besser zu verstehen und deine Scripts mal zur Laufzeit zu untersuchen, empfehle ich dir das Firefox-AddOn FireBug. Es ist ein MUST HAVE für jeden Webentwickler und meiner Meinung nach das beste Tool zum Lernen von HTML, CSS und JS was es gibt.</p><p></p><p>Zu dem Teil des Scripts, welchen du nicht verstehst:</p><p></p><p>[php]<script ></p><p></p><p>/*</p><p> * Da diese Variablen dein Script auf der Seite schon</p><p> * verwendet, werden später die Werte in diese Variablen kopiert</p><p> */</p><p>var alter_;</p><p>var username_;</p><p>var password_;</p><p>var fenster;</p><p></p><p>function EingabeGesamt (Alter, Username, Password)</p><p>{</p><p> alert ("Hallo Ihre Eingabe wurde geprüft. Bitte betätigen Sie den Button Ok das wir sie vollständig weiterleiten können!");</p><p></p><p>/*</p><p> * Hier wird ein Objekt erzeugt, welches dein neues Fenster beinhaltet</p><p> * Weiter unten kann man so auf das neue Fenster mit beispielsweise</p><p> * "fenster.document" zugreifen, um Werte hineinzuschreiben oder zu lesen</p><p> */</p><p>fenster = window.open("formular2.html", "fenster", "width=600,height=400,left=100,top=200");</p><p></p><p> alter_ = Alter;</p><p></p><p> username_ = Username;</p><p></p><p> password_ = Password;</p><p>}</p><p></p><p>/*</p><p> * Das Erzeugen des Fensters und das Bearbeiten der Werte wird in 2</p><p> * Funktionen gesplittet, um sicher zu gehn, dass das Bearbeiten erst dann</p><p> * stattfindet, wenn das Fenster vollständig geladen ist.</p><p> */</p><p></p><p>function EingabeLos ()</p><p>{</p><p>/*</p><p> * Nun werden Elementen mit einer bestimmten ID im neuen Fenster Werte</p><p> * zugewiesen. </p><p> */</p><p> fenster.document.getElementById("Ergebnisfeld1").value = alter_;</p><p></p><p> fenster.document.getElementById("Ergebnisfeld2").value = username_;</p><p></p><p> fenster.document.getElementById("Ergebnisfeld3").value = password_;</p><p>}</p><p></script>[/php]Ach ja, du rufst die write() Methode des document Objekts falsch auf. Die richtige Syntax lautet:</p><p></p><p>[code]document.write("Hallo Welt");</p><p></p><p>oder auch</p><p></p><p>var hallo = "Hallo Welt";</p><p>document.write(hallo);</p><p>[/code]</p></blockquote><p></p>
[QUOTE="Crackp0t, post: 1551035, member: 55692"] [b]AW: Eingabe -> Ausgabe in ein neues Dokument über JS[/b] Der DOM ist ein Baum vom Elementen. "document" ist der Teil des DOM, welcher deinen Code enthält. Wenn deine Seite mit einem Browser aufgerufen wird, wird dein Code von oben nach unten gelesen und in die DOM-Strucktur integriert. "Lesen" steht in diesem Fall für interpretieren. Wenn du nun beispielsweise im <head> ein <script> hast, wird dieses Script ausgeführt, sobald der Browser(Interpreter) an diese Stelle kommt. Wenn du dich in diesem Script nun z. B. auf eine <form> im <body> beziehst, wird dies nich ohne weitere Maßnahmen funktionieren, da für den Browser dieses Element nocht garnicht existiert. Um den DOM besser zu verstehen und deine Scripts mal zur Laufzeit zu untersuchen, empfehle ich dir das Firefox-AddOn FireBug. Es ist ein MUST HAVE für jeden Webentwickler und meiner Meinung nach das beste Tool zum Lernen von HTML, CSS und JS was es gibt. Zu dem Teil des Scripts, welchen du nicht verstehst: [php]<script > /* * Da diese Variablen dein Script auf der Seite schon * verwendet, werden später die Werte in diese Variablen kopiert */ var alter_; var username_; var password_; var fenster; function EingabeGesamt (Alter, Username, Password) { alert ("Hallo Ihre Eingabe wurde geprüft. Bitte betätigen Sie den Button Ok das wir sie vollständig weiterleiten können!"); /* * Hier wird ein Objekt erzeugt, welches dein neues Fenster beinhaltet * Weiter unten kann man so auf das neue Fenster mit beispielsweise * "fenster.document" zugreifen, um Werte hineinzuschreiben oder zu lesen */ fenster = window.open("formular2.html", "fenster", "width=600,height=400,left=100,top=200"); alter_ = Alter; username_ = Username; password_ = Password; } /* * Das Erzeugen des Fensters und das Bearbeiten der Werte wird in 2 * Funktionen gesplittet, um sicher zu gehn, dass das Bearbeiten erst dann * stattfindet, wenn das Fenster vollständig geladen ist. */ function EingabeLos () { /* * Nun werden Elementen mit einer bestimmten ID im neuen Fenster Werte * zugewiesen. */ fenster.document.getElementById("Ergebnisfeld1").value = alter_; fenster.document.getElementById("Ergebnisfeld2").value = username_; fenster.document.getElementById("Ergebnisfeld3").value = password_; } </script>[/php]Ach ja, du rufst die write() Methode des document Objekts falsch auf. Die richtige Syntax lautet: [code]document.write("Hallo Welt"); oder auch var hallo = "Hallo Welt"; document.write(hallo); [/code] [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
Eingabe -> Ausgabe in ein neues Dokument über JS
Oben