Historie Seite 3 (Fortsetzung)

Erscheinungsdatum Thema

20.08.2007

Countdown Script: Ein kleiner JavaScript Countdown-Timer

Geburtstag, Jubiläum oder einfach das nächste Weihnachtsfest: Alles Gründe sich auf den jeweiligen Tag zu freuen. Auf Ihrer Internetseite können Sie sich einen Counter installieren, der verbleibende Zeit zum Termin anzeigt und herunterzählt. Die hier vorgestellte Lösung nutzt die Methode setInterval, mit der die zyklische Ausführung einer Funktion eingeleitet werden kann. Mit der Methode clearInterval kann die zyklische Ausführung einer JavaScript-Anweisung wiederum beendet werden. ... » mehr

19.08.2007

PopUps und JavaScript - PopUp open / close

PopUps sind zusätzliche Browserfenster, die bei Eintreten eines bestimmten Ereignisses (z.B. dem onLoad-Ereignis, welches eintritt, wenn ein HTML-Dokument geladen wird; aber auch bei Mausklick auf ein HTML-Element, was ein onClick-Event auslöst) automatisch geöffnet werden und zusätzliche Informationen vermitteln können. Das Einsatzgebiet solcher PopUp Fenster ist recht breit – so werden sie relativ häufig zur Präsentation von Werbung verwendet. Aber PopUps werden bei weitem nicht nur zur Darstellung störender Werbebotschaften verwendet. Um ein PopUp in JavaScript zu öffnen oder zu schließen werden Methoden des JavaScript Window-Objekts benötigt. Zum Öffnen eines PopUps kommt die Methode open, zum Schließen wiederum die Methode close zum Einsatz. ... » mehr

18.08.2007

Zusammentragen von Informationen zur Browseranwendung (JavaScript Browser check)

Über das Navigator-Objekt eines Webbrowsers ist es per Auswertung der Eigenschaft userAgent möglich, an Informationen bezüglich des vom Besucher einer Internetseite verwendeten Browsers zu gelangen. Das in userAgent gespeicherte String kann mit Hilfe der String-Methoden indexOf, match und search nach bekannten Mustern gesucht werden, um letztlich einen Browser zu identifizieren. Neben der Browsererkennung per userAgent besteht noch die Möglichkeit den Browser über die in JavaScript vorhandenen vordefinierten Objekte zu erkennen. Diese Form der Browsererkennung ist zugleich die sicherste Methode. ... » mehr

17.08.2007

JavaScript DOM - Das Document Object Model

Das ab 1998 durch das W3C standardisierte DOM-API kann zur Generierung dynamischer HTML-Seiten verwendet werden. Mit JavaScript/DOM ist es möglich auf Client-Seite den Inhalt, die Struktur wie auch das Layout einer Internetseite zu verändern. Im Mittelpunkt des DOM stehen die JavaScript-Objekte Document und Node. Über die Methoden getElementById, getElementsByName und getElementsByTagName können bestimmte HTML-Elemente aus den HTML-Dokumentenbaum adressiert werden. Nachdem ein zu manipulierendes Objekt ausfindig gemacht wurde, können Elementknoten, Attributknoten und Textknoten geändert, eingefügt und gelöscht werden. ... » mehr

16.08.2007

JavaScript trim, ltrim und rtrim Methoden für das String-Objekt

Unter JavaScript gibt es keine trim Funktion, die es erlaubt Whitespaces aus einer Zeichenkette zu entfernen. Auch das bei JavaScript zur Verarbeitung von Strings vorgesehene String-Objekt läßt eine trim-Methode vermissen. Diese Methoden lassen sich allerdings recht einfach in das String-Objekt integrieren. ... » mehr

15.08.2007

JavaScript in HTML-Seiten einbinden

Es gibt zwei Möglichkeiten JavaScript-Code in ein HTML-Dokument einzubinden. Zum einen kann JavaScript-Code an einer beliebigen Stelle innerhalb der HTML-Datei notiert werden. Darüber hinaus besteht die Option der Auslagerung des Quellcodes in eine externe JS-Datei. Diese wird dann mit dem entsprechenden HTML-Tag mit der HTML-Datei verknüpft, so dass der Browser diese automatisch lädt, wenn die Seite geöffnet wird. ... » mehr

14.08.2007

Nutzung des JavaScript Void-Operators

Soll eine Funktion keinen Rückgabewert liefern, so wird der Void-Operator dazu verwendet die Rückgabe eines Wertes zu verhindern. Statt des Rückgabewertes liefert der Void-Operator stets den Wert "undefined". Anwendung findet der Void-Operator zum Beispiel beim Aufruf von JavaScript-Code über das HREF-Attribut von Links über das Pseudoprotokoll "javascript:" (hier führt das Liefern eines anderen Wertes als "undefined" zu unerwünschten Nebeneffekten) und bei der Implemtierung von Bookmarklets. ... » mehr

11.08.2007

JavaScript Sprachelemente: JavaScript For-in-Schleife

Die For-in-Schleife ist eine Variante der JavaScript For-Schleife. Im Unterschied zu letzerer wird die For-in-Schleife aber nicht über eine Zählervariable samt Startwert und Abbruchbedingung gesteuert. Sie nutzt statt dessen die Eigenschaften eines Objekts und wird für jede existierende Eigenschaft einmal ausgeführt – die Anzahl der Schleifendurchgänge ist also gleich der Anzahl der Eigenschaften, die ein Objekt besitzt. Die Schleifenvariable wird dabei bei jedem Durchgang der Schleife mit dem Namen des jeweiligen Attributes des Objekts gefüllt. ... » mehr

10.08.2007

JavaScript Sprachelemente: Die For-Schleife bei JavaScript

Die For-Schleife gehört, wie auch beispielsweise das If-Statement, zu den Sprachelementen von JavaScript. Mit einer solchen Schleife wird die mehrfache Verarbeitung einer Anweisung oder eines Anweisungsblocks eingeleitet. Neben der For-Schleife gibt es in JavaSript die while und die do-while-Schleife, die auch zur Wiederholung von Code-Abschnitten genutzt werden können. ... » mehr

09.08.2007

Nutzung von Ajax zur Realisierung von dynamischen Internetseiten

Ajax ist die Kurzform von Asynchronous JavaScript and XML und findet heute, in Zeiten des Web 2.0, sehr großen Zuspruch. Im Grunde wird bei Ajax die Möglichkeit der asynchronen Datenübertragung über das XMLHttpRequest-Objekt in Verbindung mit dynamischem HTML (JavaScript / DHTML) genutzt. Diese Form der asynchonen Datenübertragung wird dazu genutzt, Nutzdaten von einem Webserver anzufordern und entsprechend in eine Internetseite zu integrieren. Durch Nutzung von JavaScript (DOM) werden die empfangenen Daten in den HTML-Elementenbaum integriert. Dabei können die vom Webserver gelieferten Daten entweder als Textdatei oder als im XML-Format geliefert werden Mit Hilfe der dem JavaScript Node-Objekt zugehörigen Methoden (getElementsByTagName, getAttributeNode und getAttribute) kann dann leicht auf die Struktur der XML-Datei zugegriffen werden. Neben der Anpassung und der Erzeugung von HTML-Elementen kann auch die Formatierung der darzustellenden Daten per CSS angepasst werden. ... » mehr