GFX-ARTWORK.DE

GFX & Webdesign Blog seit 2004

Archive for the ‘Javascript Tutorials’ Category

Sonntag
Mai 17,2009

Viele werden von Ajax vielleicht weniger gehört haben. Aber das ist die Programmiertechnik der Zukunft. Zumindest glauben das jetzt die meisten. Diese Technik hat hauptsächlich durch Google eine Wiedergeburt erfahren. Das Konzept wurde in den 90er Jahren entwickelt. Aber es fanden sich zu wenig Unterstützer. Das ist ein Grund warum sich Ajax in der Gemeinde der Webprogrammierer nicht durchgesetzt hat.

Speziell die Anwendung Google Maps hat Ajax wieder in das Gedächtnis der Programmierer gebracht und seitdem beschäftigen sich auch immer mehr Menschen mit diesem Konzept und Ajax-Anwendungen, -Dokumentationen, -Webseiten sowie -Foren schießen wie Pilze aus dem Boden.

Ajax ist die Abkürzung von Asynchron JavaScript and XML und stellt ein Konzept zur asynchronen Datenübertragung über das Protokoll HTTP zwischen einem Browser und einem Webserver dar.

 

Welche Vorteile bietet Ajax?

  1. Kein kompletter Reload der Website erforderlich.
    - Der Browser aktualisiert automatisch gezielte Informationen.
  2. Nutzereingriff für die Datenabfrage nicht unbedingt erforderlich
    - Die Aktualisierung der Website muss nicht zwangsläufig vom Nutzer durchgeführt werden.
  3. Geringeres Datenaufkommen zwischen Browser und Webserver
    - Durch die begrenzten Menge an Daten reduziert sich auch das übertragene Datenvolumen
  4. HTML- und XML-Daten können übertragen werden

 

Nachteile des Ajax-Konzepts

  1. Nutzer muss JavaScript aktivieren
    - ohne JavaScript, kein Ajax
  2. Browsertests zwingend notwendig
    - Ajax-Unterstützungen können bei älteren Versionen fehlerhaft sein. Daher muss man die Website auf allen gängigen Browsern testen.
  3. Fehlerhafte Darstellung der Daten
    - Bei Übertragung von XML-Daten kann es zur fehlerhaften Darstellung kommen.
    - Bei HTML-Daten taucht dieses Problem normalerweise nicht auf

 

Drei typische Problemfelder müssen beachtet werden

  • Setzen eines Lesezeichens (= Favorit) ist schwierig
  • Nutzung der Historie-Funktion im Browser
  • Caching-Problem beim Internet Explorer (Microsoft eben)

Für alle diese Probleme müssen Lösungen in die Ajax-Anwendung eingebaut werden. Dafür existieren aber mittlerweile Standardlösung, die auf den einschlägigen Webseiten zu finden sind.#

 

Internetlinks

Wikipedia - Einführung in Ajax - Allgemeine Betrachtung von Ajax

Stringmanipulation

Dienstag
Jan 1,2008

Die Manipulation von Strings bzw. Texten (oder auch Zeichenketten genannt) gehört sicher zu den wichtigsten Aktionen bei komplexeren Skripten. Gerade im Zusammenhang mit Formulareingaben, denn diese werden rein als Strings zum Server gesendet und dort weiter verarbeitet. Aber auch bei vielen anderen Vorhängen wie dem dynamischen Schreiben von Webseiten etc. werden Sie mit Strings umgehen.

Dessen ungeachtet zählt der Umgang mit Strings in JavaScript glücklicherweise zu den eher einfachen Techniken, denn Ihnen stehen zahlreiche Standartfunktionen zur Verfügung, die Ihnen die Arbeit mit Texten extrem erleichtern.

Da in JavaScript alle Texte bzw. Strings Objekte der Klasse >String< sind, können Sie mit den verschiedensten Methoden dieser Klasse Zeichenketten manipulieren oder analysieren. Eine Instanz von >String< brauchen Sie in der Regel nicht eigens zu erzeugen, da es sich bei Strings um so genannte Built-in-Onjekte handelt. Eine Zuweisung in der Form >text=”Die Antort ist 42″;< erzeugt automatisch ein >String<-Objekt

Eine Verwendung des new-Schlüsselwortes in Verbindung mit einem Konstruktor in der Form >Text = new String(”Die Antwort ist 42″);< funkioniert aber auch. In einigen Situationen ist das sogar notwendig.

Hinweis: Beachten Sie, dass es in JavaScript auch eine Funktion String() gibt, die einen primitiven String als Rückgabewert liefert.

Eine weitere Klasse, die bei der Suche nach Textpassagen und deren Manipulation sehr von Nutzen ist, ist >RegExo<. Darüber definieren Sie reguläre Ausdrück, mit denen diverse Methoden zur Stringmanipulation umgehen können.

Weiteres: Stringmanipulationen ist ein Thema, mit dem man ausbauen kann. Egal welche Aufgabe ein Script hat, mit Stringmanipulationen können Sie Ihre Funktionen Optimieren und besser machen. Wir werden in den nächsten Tutorials lernen wie sie die Länge eines Strings herausfinden können, wie Sie Buchstaben konvertieren, wie Sie ein zeichen ermitteln das in einem String an einer Bestimmten Stelle steht, wie Sie Strings egal welcher Art verbindne können, wie Sie Strings Codieren, eine Sequenz erstellen… usw. Sie sehen jetzt schon wie vielfälltig das Thema ist. Und noch mehr können Sie daraus machen.

Markus Mörth
(MacReal)

Javascript Tutorials

Samstag
Mär 10,2007

Die alten Javascript Tutorials:

Zwangsklick mit Javascript