Im Zeitalter von BITV muss sich der Webmaster Gedanken darüber machen, wie er seinen Code strukturiert, damit auch z.B. Browser für Sehbehinderte den Seiteninhalt korrekt wieder geben können. Hierbei ist ein Schritt eingebettes Javascript aus dem HTML Quellcode zu entfernen,.
Hierzu verwenden wir CSS Klassen und Ids um anhand deren Werte Javascript Funktionen zu verdrahten. Browser, die kein Javascript und / oder CSS unterstützen interpretieren diese Anweisungen schlichtweg nicht und können trotzdem den Inhalt der Seite wiedergeben.
Diese kleine Vorführung erhebt keinen Anspruch auf Vollständigkeit. CSS ist in diesem Beispiel eingebettet. Dies sollte in der Regel auch ausgelagert werden 
. Hier nur der Einfachheit halber, da es für die Demonstration nur untergeordnete Bedeutung hat. Wichtiger sind die Klassen und IDs der HTML-Elemente. Continue reading »
written by Alexander
\\ tags: behaviours, bitv, Javascript, onclick
Heute möchte ich ein interessantes Framework vorstellen, welches die Entwicklung mit JavaScript extrem vereinfacht und dem Entwickler (größtenteils Cross-Browser) viele Dinge vereinfacht. Hierbei handelt es sich um Prototype. Entstanden ist es ursprünglich aus dem Framework Ruby on Rails.
Als Beispiel nehmen wir ein Formular, welches eine Anfrage via AJAX an den Server schickt und die Antwort des Servers wieder in das Script zurückholt. Hierzu verwenden wir die eingebettete JSON-Funktionalität. Hierbei sei zu beachten, dass Prototype auf einem JSON-Objekt auch nur mit eval() operiert. Hier besteht also bei Produktivanwendungen noch Prüfungsbedarf. Mit Prototype kann man auf jeden Fall vor der Ausgabe Script-, HTML-Tags etc. entfernen lassen, wenn man das möchte. Das schützt allerdings nicht vor dem Angriff durch JavaScript, welches sich in der Response des Servers befindet und direkt ausgeführt werden könnte. Continue reading »
written by Alexander
\\ tags: ajax, Javascript, prototype, web 2.0
Web 2.0 ist in aller Munde und dabei fällt auch meist im nächsten Satz das Wort AJAX. AJAX steht für Asynchronous JavaScript and XML. Bei dieser Technologie wird mittels eines HTTP-Requests per Active-X oder Javascript eine Seite oder ein Script aufgerufen und dessen Daten übertragen, ohne dass die Seite neu geladen werden muss. Mit AJAX kann man also eine Webanwendung stricken, die das Look an Feel einer Desktopanwendung hat. So kann man zum Beispiel eine Tabelle mit Daten dynamisch nach einer Spalte sortieren, ohne die Seite neu zu laden. Continue reading »
written by Alexander
\\ tags: active-x, ajax, Javascript, json, PHP, soap
Kommentare