Historie Seite 2 (Fortsetzung)

Erscheinungsdatum Thema

06.11.2007

Formulare in JavaScript auswerten

Bei der Erstellung interaktiver Internetseiten spielen Formulare eine zentrale Rolle. Gerade bei Webservices auf Basis von Ajax ist das Formular ein wichtiger Bestandteil der Interaktion mit dem Seitenbesucher. Vom Benutzer eingegebene Daten werden mit Hilfe von JavaScript-Code aufbereitet – beispielsweise auf Gültigkeit der Eingabe geprüft – und dann dem Webservice per Ajax-Request zugeführt. Einzelne Eingabeelemente, wie die Checkbox oder die Textarea können mit JavaScript einzeln abgefragt werden. Dabei kann in bestimmten Fällen auf die Bestätigung der Benutzereingabe per Submit-Button verzichtet werden. In solchen Fällen kann sich der Webentwickler den zahlreichen JavaScript-Events bedienen, um direkt und ohne einen Aufruf einer Website zur Entgegennahme der Eingabe bestimmte Prüfungen vorzunehmen. Genutzt werden hier insbesondere die Events onChange und onClick. Die Verarbeitung von Formularen unter JavaScript wird anhand zahlreicher Beispiele demonstriert. ... » mehr

14.10.2007

For-Each-Schleife in JavaScript (ab 1.7)

Seit Firefox 2.0 und Seamonkey 1.1 wird neben den bislang in JavaScript verfügbaren Schleifentypen mit der For-Each-Schleife ein weiterer Schleifentyp unterstützt. Es handelt sich dabei um eine Variante der For-Schleife, bei der die Schleifendurchgänge über die Eigenschaften eines JavaScript-Objekts laufen. Sie ähnelt damit von der Handhabe her der ebenfalls von JavaScript unterstützten For-In-Schleife. Anhand eines Beispiels wird die Nutzung der Schleife demonstriert. ... » mehr

18.09.2007

Bilder mit JavaScript manipulieren

JavaScript eignet sich auch bei der Darstellung von Bildern dazu Bewegung in eine Internetseite zu bringen. So lassen sich Bilder animiert bewegen oder in ihrer Größe ändern. Anhand einiger Beispiele wird gezeigt, wie dies realisiert werden kann. In einem Intervall wird beispielsweise ein Bildelement über den Bildschirm bewegt. Detailbilder werden in einem DIV-Fenster, welches als Alernative zum Öffnen eines PopUp-Fensters genutzt werden kann, präsentiert. Aber auch das Einblenden oder Ausblenden eines Bildes wird anhand eines Beispiels gezeigt. ... » mehr

13.09.2007

Redirects mit JavaScript - Automatische Weiterleitung von Besuchern

Ein Redirect ist eine automatische Weiterleitung eines Besuchers auf eine andere Seite. Beim Öffnen einer bestimmten URL durch den Browser bekommt dieser die Anweisung dass er sich die angeforderte Datei unter einer anderen URL abholen soll. Redirects sollten normalerweise serverseitig – beispielsweise per .htaccess, mit PHP oder einer anderen serverseitigen Scriptsprache – gelöst werden, da fehlende JavaScript-Unterstützung einen Redirect verhindern kann. Aber auch unter Verwendung von JavaScript kann der Browser des Besuchers zu einem solchen Schritt bewegt werden. Eine solche „Umleitung” des Besuchers kann aus den unterschiedlichsten Gründen benötigt werden. ... » mehr

12.09.2007

Setzen, Auslesen und Löschen von Cookies mit JavaScript

Cookies dienen der Speicherung von Informationen auf Seiten des Clients. Sie werden durch den Browser des Besuchers verwaltet – die Browseranwendung speichert sie in speziellen Textdateien und löscht sie, wenn das Verfallsdatum erreicht ist. Die Bandbreite der Anwendungsbeispiele ist dabei sehr groß. So werden mit Cookies häufig die Besuche und Seitenaufrufe eines einzelnen Users gezählt. Mit ihrer Hilfe kann aber auch die Benutzbarkeit einer Internetseite verbessert werden. Speichert eine Website beispielsweise eine vom Besucher individuell eingestellte Schriftgröße in solch einem Cookie, so kann diese Einstellung bei einem erneuten Besuch der Internetseite wiederum ausgelesen und entsprechend eingestellt werden. ... » mehr

11.09.2007

Teilstrings mit der String-Methode substring extrahieren

Mit der Methode substring des String-Objekts können Teilstrings aus einem String gewonnen werden. Dabei bestehen grundsätzlich zwei Varianten des Aufrufs dieser Methode. Zum Einen kann das Teilstring ab einem Zeichen mit einem bestimmten Index bis zum Ende des Quellstrings entnommen werden und zum Anderen kann das zu ermittelnde Teilstring – ausgehend von einem bestimmten Zeichen – bis zu einem per optionalem Parameter angegebenen weiteren Zeichenindex extrahiert werden. ... » mehr

10.09.2007

Zeichenketten aufsplitten mit der String-Methode split

Über die JavaScript String-Methode split lassen sich Zeichenketten durch ein Trennerzeichen oder einen Trennstring in einzelne Strings aufteilen. Das Ergebnis ist ein Array, welches die durch die Trenner separierten Teilzeichenketten enthält. Neben dem Trennzeichen bzw. dem Trennstring kennt die Methode split einen weiteren Parameter, der dem Benutzer die Möglichkeit gibt, eine maximale Anzahl der zu entnehmenden Teilstrings anzugeben. ... » mehr

06.09.2007

Manipulation von Inhalt und Layout von HTML-Elementen per JavaScript am Beispiel eines DIV-Elements

JavaScript eignet sich zur dynamischen Manipulation von Inhalt und Layout einzelner HTML-Elemente. Dabei ist es egal, ob das zu manipulierende HTML-Element schon im HTML-Code enthalten ist oder erst später mit createElement dynamisch erzeugt wird. Per CSS-Eigenschaften des Elementknotens kann das Layout angepasst werden. Aber auch der Inhalt eines HTML-Elements ist über JavaScript änderbar. Anhand eines DIV-Elements sollen einige Beispiele zeigen, auf welche Weise dies realisierbar ist. Dazu werden Funktionen implementiert, welche die unterschiedlichsten Änderungen an einem DIV-Element durchführen. So wird der Inhalt eines DIVs durch einen vom Benutzer über einen Eingabedialog eingegebenen Text ersetzt. Nach entsprechender Prüfung des DIVs überschreibt das über den Prompt-Dialog eingegebene String einfach den bereits im Textknoten des DIV-Elements enthaltenen Text. ... » mehr

28.08.2007

Verarbeitung von XML-Dateien mit JavaScript/DOM

JavaScript verfügt über das nötige „Handwerkszeug” zum Umgang mit XML-Dateien. Die zu verarbeitenden Nutzdaten können dabei im XML-Format mit Hilfe von Ajax vom Webserver heruntergeladen werden. Danach ist es mit den von DOM bereitgestellten Methoden des Node-Objekts sehr leicht möglich, die Struktur der XML-Datei zu untersuchen oder die enthaltenen Daten direkt zur weiteren Verarbeitung zu extrahieren. Mit den DOM-Methoden createElement und createTextNode beispielsweise können die per JavaScript ermittelten Daten an einer bestimmten Stelle in das aktuelle HTML-Dokument eingefügt werden. Zum Ermitteln des Elementknotens, an dem die Daten eingefügt werden sollen, kann eine der Document-Methoden getElementsByName, getElementsByTagName oder getElementById verwendet werden. Durch den kombinierten Einsatz von Ajax, DOM und JavaScript ist es also möglich Web-Services zu entwickeln, die zu einer erheblichen Entlastung des eingesetzten Webservers führen. ... » mehr

21.08.2007

JavaScript opener: Zugriff auf das aufrufende HTML Fenster

Mit opener kann auf das Window-Objekt eines aufrufenden Browserfensters zugegriffen werden. Die im Window-Objekt gespeicherten Informationen können über dieses Objekt manipuliert werden oder aber, wie in einem Beispiel gezeigt, mit write() im geöffneten Fenster ausgegeben werden. ... » mehr