Moin LimeSpace(r),

in einem früheren Artikel hatten wir ja kurz erklärt wie man mit dem Zend Framework und ZendX_JQuery einen Datepicker einbinden kann. Etwas kompliziert war an der Stelle die Übersetzungen für verschiedene Sprachen.

Dafür haben wir jetzt eine elegantere Lösung parat:

Einfach folgende JavaScript Datei vom Google CDN einbinden (zum Beispiel über den headScript ViewHelper):

 $this->headScript()->appendFile(
 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/i18n/jquery-ui-i18n.min.js'
);

Danach reicht es dann mittels folgendem kleinen Stück JavaScript die Sprache des Datepickers zu ändern:

// deutsch
jQuery.datepicker.setDefaults(jQuery.datepicker.regional['de']);

// englisch
jQuery.datepicker.setDefaults(jQuery.datepicker.regional['en-GB']);

Wichtig ist das die Übersetzungen vor dem Datepicker geladen sind!

Veröffentlicht von Limespacer | Keine Kommentare »

Wer mag es nicht, die schönen Kalender im Web 2.0

Aber wie macht man das ganze schnell und unkompliziert mit dem Zend Framework? Ganz einfach, man benutzt die Komponenten aus der ZendX Library. Dieser Part ist nur bei der “Full” Version dabei und befindet sich im Ordner /extras/library.

Also Downloaden und mit den library Ordner wo meist auch schon der Ordner “Zend” vorhanden ist. Damit man das ganze nun auch benutzen kann, gilt es noch ein paar Einstellungen in der “applications.ini” vorzunehmen:

;Laden der Application Resource plugins von ZendX
pluginPaths.ZendX_Application_Resource = "ZendX/Application/Resource"

Um es uns nun noch einfach zu machen, besorgen wir uns JQuery + JQuery aus dem Google CDN

resources.jquery.version = 1.4.1
resources.jquery.ui_enable = true
resources.jquery.ui_version = 1.8.4
resources.jquery.stylesheet = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css"

Um jetzt einen Datepicker in einem Zend_Form zu nutzen, braucht man nur noch das entsprechende Element erzeugen:

 $birthdate = new ZendX_JQuery_Form_Element_DatePicker('birthdate');
 $birthdate->setLabel('Geburtsdatum:')
 ->setJQueryParam('dateFormat', 'dd.mm.yy')
 ->setJQueryParam('changeYear', 'true')
 ->setJqueryParam('changeMonth', 'true')
 ->setJqueryParam('regional', 'de')
 ->setJqueryParam('yearRange', "1980:2000")
 ->setDescription('dd.mm.yyyy')
 ->addValidator(new Zend_Validate_Date(
 array(
 'format' => 'dd.mm.yyyy',
 )))
 ->setRequired(true);

 $this->addElement($birthdate);

Das ganze dürfte fast selbsterklärend sein, wir erzeugen uns ein Element, setzen ein deutsches Format
für das Datum, und erlauben die Auswahl von Monat/Jahr über Dropdowns.

Wie man nun das Formular ausgibt etc. ist hoffentlich bekannt!

Um die Sprach noch auf deutsch zu kriegen haben wir uns einem “trick” bedient, da uns keine Zend Funktion dafür bekannt ist, in einer globalen JavaScript Datei haben wir den entsprechenden Quellcode zum Übersetzen eingefügt.

Veröffentlicht von Limespacer | 2 Kommentare »

Mensch ist das kalt da draußen, wenn das nicht die beste Gelegenheit ist, sich ein paar netten Artikel zu widmen?

photo credit: Atli Harðarson

In erster Linie gab es auf unseren Lieblings-Blogs eine Menge neues zum Thema JQuery.

Wer kennt nicht die Anforderung eine Autocomplete Box in ein Formular oder ein Suchfeld einzubinden? Im Prinzip ist es immer wieder das gleiche System, mit dem JQuery Plugin AutoComplete wird dieses zum Kinderspiel. [JQuery Autocomplete]

Auch sehr beliebt ist die Nutzung der Google Maps API, hier bietet sich ebenfalls ein neues Plugin für JQuery an, welches den API Zugriff stark vereinfacht. [JQuery Google Maps Plugin] Neben diesen Gimmicks gehört auch das Laden von JSON Daten mit JQuery in jeden Werkzeugkasten eines Entwicklers, wie genau dieses klappt zeigt ein schönes kleines Tutorial von Adam Oliver. [JQuery JSON]

Nach dem ganzen technischen noch 2 kleine Artikel aus dem Bereich Lebenshilfe für Webentwickler. Der DumbLittleMan erklärt wie man seine Ziele mit der Hilfe eines Journals erreichen kann. Denn nur Ziele die man auch kennt und die festgehalten sind, kann man kontrollieren. [Ziele erreichen] Als zweites gibt es noch Ratschläge wie man seine Ängste überwinden kann, sei es nun die Angst vor dem nächsten Release der neuen Software, oder die Fahrt mit der Achterbahn. [Ängste überwinden]

So und nun wollen wir euch wieder dem Winter-Wunderland überlassen, erfriert uns nicht bis nächste Woche !

Veröffentlicht von Limespacer | Keine Kommentare »

Es gibt Tage, da könnte man unseren Freund den Internet Explorer 6 einfach nur verdammen. Heute war mal wieder einer dieser.

Für JQuery gibt es ein wunderbares Plugin zum Validieren von Forms, nur im IE6 versagte dieses seinen Dienst. Eine Erklärung war auf den ersten Blick nicht zu finden. Die Lösung hatte auch ausnahmsweise mal nichts direkt mit dem Script zu tun, sondern damit wie es geladen wird.

Der IE6 hat wohl Probleme den richtigen charset zu erkennen, so schaffte das Laden mit dem Parameter charset tatsächlich Abhilfe

Also für alle die auch versuchen das JQuery Validation Plugin mit dem IE6 zu nutzen, einfach das Script entsprechend einbinden:

<script src="jquery.validator.pack.js" type="text/javascript"></script>

Wer das Zend Framework verwendet, und dort den headScript Helper:

 $this->headScript()->appendFile(
 '/js/jquery.validate.pack.js',
 $type = 'text/javascript',
 array('charset' => 'ISO-8859-1') // ie6 FIX!
 );

Vielleicht konnten wir ja dem ein oder anderen die google suche verkürzen !

Veröffentlicht von Limespacer | Keine Kommentare »

Einen wunderschönen kühlen Samstag wünschen wir euch, auch oder besser gerade weil es draußen verdammt kalt ist, haben wir wieder Lesestoff für euch.

Beginnen wir mal mit einem nicht “IT” Thema, was ändert sich für Selbstständige im Jahr 2010? Dieser Frage ist der Blog Selbstständig im Netz nachgegangen. Für alle Freelancer unter euch sicherlich sehr interessant [Selbständig im Jahr 2010].

Weiter geht es mit unserem Lieblings Framework, ein schönes Tutorial für die Verwendung der Zend_Paginator Komponente. Oder wie stelle ich großen Datenmengen vernünftig dar. [Pageing mit Zend Framework]

Wer nun nach dem Lesen des Pageing Tutorials Potenzial zum Verbessern des Frameworks sieht, oder allgemein Vorschläge hat: Zend hat im Moment eine Umfrage laufen, um Vorschläge zu unterbreiten. Tragt also aktiv zur Verbesserung bei. [Zend Framework survey 2009].

Auch wenn wir nicht glauben, dass hier besonders viele Anfänger im Bereich der Webentwicklung lesen, möchten wir trotzdem ein schönes Tutorial erwähnen: SQL für Anfänger. Bei NetTuts wird die Verwendung anhand von MYSQL Schritt für Schritt erklärt! [SQL für Anfänger].

Und was war unser Highlight diese Woche? Ein JQuery Plugin : Meerkat. Mit diesem kleinen handlichen Plugin könnt ihr ganz einfach ein Banner am unteren Rand eurer Seite einblenden lassen, welches dann auch wieder vom Besucher geschlossen werden kann. Sehr praktisch für Werbung oder andere Informationen.

Das Plugin ist sehr gut zu konfigurieren, so kann man einstellen das, dass Banner nach dem Schließen erst mit einer neuer Session wieder angezeigt werden soll, oder nach 12 Stunden etc… Wir sagen genial!

Hier geht es zum [Meerkat JQuery Plugin]

Veröffentlicht von Limespacer | Keine Kommentare »