Thema ‘Entwicklung’

Schönes Javascript mit Callbacks

Callbacks sind jedem jQuery Anweder bekannt. Von onClick bis zu onResize bindet der Webentwickler jede Menge Logik an festgelegte Events. Meiner Meinung nach eine angenehme Art zu programmieren und gut nachvollziehbar, da der Code gut lesbar bleibt, sofern man nicht übertreibt.

Wenn man selbst Applikationen programmiert die auf Javascript basieren und später noch diverse Erweiterungen ermöglichen sollen, dann macht es durchaus Sinn eigene Callbacks anzubieten. Sei es in einer jQuery Extension oder einer eigenen Applikation.

Zum Eintrag Schönes Javascript mit Callbacks →

Viele Elemente dynamisch aktualisieren

Ein aktuelles Projekt interagiert auf sehr starke Art und Weise mit dem Benutzer. Das bedeutet neben einer anpassbaren Oberfläche wird der Benutzer ständig über den Status diverser Objekte auf dem laufenden gehalten. Dabei können sich verschiedene Objekte untereinander beeinflussen.

jQuery bietet ja ein tolles Ajaxkonstrukt an mit dem es kein Problem ist Daten vom Server zu holen. Aber auf die Dauer wird es doch etwas nervig immer wieder zu tippen.

Und weil "objektorientiertes Javascript" und selber entwickeln so viel Spaß macht, habe ich mir eine alternative Lösung einfallen lassen: Im Projekt werden an geeigneter Stelle Elemente erzeugt, die alle benötigten Informationen enthalten.

Diese werden in einem Updater registriert, welcher sich um die regelmäßige Abfrage kümmert. Das war die Theorie und jetzt kommt die Praxis.

Zum Eintrag Viele Elemente dynamisch aktualisieren →

Automatisch erkennen wie CSV Dateien aufgebaut sind

CSV Dateien sind z.B. Exports aus Datenbanken oder Excel. Der Name steht für Comma-Separated Values und bedeutet, dass die Werte von einem Komma getrennt sind. Damit kann man einfach eine CSV importieren und zum Beispiel in PHP weiter verarbeiten.

Tja, einfach ist das natürlich nicht und jedes Programm erstellt andere CSV Dateien. Ich habe eine Funktion geschrieben die versucht automatisch zu erkennen wie eine CSV Datei aufgebaut ist. Hier ist eine Demo und im folgenden Artikel kommt die Funktionsweise. Zum Eintrag Automatisch erkennen wie CSV Dateien aufgebaut sind →

processDatamap_postProcessFieldArray()

TYPO3 Entwicklung und LiebeManchmal hasst man TYPO3 für diese Funktionsnamen. Wenn man dann durchschaut hat, was damit gemeint ist, verliebt man sich wieder in das riesen CMS.

In diesem Beitrag will ich erklären wie es dank Hooks und dem TCEMain Objekt möglich wird, in die TYPO3 internen Speicherfunktionen zu kommen. Das braucht man für seine eigenen Extensions oder wenn man vor dem Speichern die Daten manipulieren möchte. Zum Eintrag processDatamap_postProcessFieldArray() →

PDF Formulare im Acrobat besiegen

Der (verdammte) Acrobat bietet die Möglichkeit interaktive Formulare zu erstellen. Und kaum erstellt jemand ein Formular, fallen ihm diverse Abhängigkeiten und Sonderfunktionen ein, die es abzubilden gilt. Zum Glück ist es möglich mit JavaScript dynamisch auf die Eingaben zu reagieren, aber einfacher macht es die Sache nicht gerade.

Hier kommt eine kleine Anleitung wie man den Inhalt auf Buchstaben und Leerzeichen überprüft und eine Abhängigkeit von mehreren "Kontrollkästchen" - auch Checkboxen genannt - erzeugt. Zum Eintrag PDF Formulare im Acrobat besiegen →

Schöner Lokal entwickeln

Mit einfachen Mitteln ist auf dem eigenen Rechner ein Webserver installiert und die Entwicklung von spannenden Projekten kann beginnen. Für die lokale Entwicklung ist das Directorylistning vom Apache Webserver schon sehr praktisch.

Nur leider sieht es nicht besonders schön aus. Mit einfachen Mitteln lässt sich das aber sehr schnell ändern, und schon surft man voller Freude durch die eigene Ordnerstruktur. Zum Eintrag Schöner Lokal entwickeln →

Der einfachste Blindtextgenerator

Der Trend geht dahin Webseiten nicht mehr mit ausschließlich mit Photoshop zu gestallten, sondern die Entwicklung direkt im Browser voran zu treiben. Das hat den Vorteil das interaktive Möglichkeiten schneller umgesetzt und besser kommuniziert werden können.

Und was fehlt? Mengen an Blindtext! Da wir gerade ein neues Projekt auf diese Art und Weise begonnen haben, standen wir vor genau diesem Problem. Es folgt ein einfacher Lösungsansatz mit PHP. Zum Eintrag Der einfachste Blindtextgenerator →

Aus der Mitte entspringt ein RTE

Zur Zeit entwickle ich meine erste große TYPO3 Extension die das Aktualisieren der Inhalte für Redakteure und Administratoren vereinfachen soll. Dazu demnächst mehr - erstmal geht es um die Konfiguration des RTE. Es ist unglaublich wie viele verschiedene Ansätze es dazu gibt, wie weit sich die Konfiguration verschachteln lässt und wie unglaublich nervig das werden kann.

Aber ich habe einige Ansätze gefunden die funktionieren. Zum Eintrag Aus der Mitte entspringt ein RTE →

Save the Webdevelopers!

Heute war ein schöner Tag im Feedreader betreffs Browserkompalibilität. Im außergewöhnlich guten Blog WebAppers finden sich 10 lesenswerte Punkte die es bei der Programmierung zu beachten gibt.

Besonders gefreut habe ich mich über den dritten Punkt: "Use -moz-opacity:0.99 on text elements to clean up rendering in Firefox". Gleich getestet und es stimmt: Mit dieser CSS Angabe verhindert man das lästige zucken der Schrift bei JavaScript Effekten!

Insgesamt finde ich es aber falsch jedes Mal alle Schwächen vom IE6 auszubügeln. Den betreffenden Benutzern muss klar gemacht werden, dass sie alte und schlechte Software benutzen. Einen guten Weg geht die Initiative SaveTheDevelopers.org. Mit einem kleinen JavaScript werden die Besucher dezent auf den Umstand aufmerksam gemacht.