Bei einem kleinen Projekt wollten/mussten wir den jQuery UI Datepicker einsetzen. Zugegebenermaßen haben wir uns bisher noch nicht besonders viel mit JavaScript beschäftigt. Gerade beim arbeiten mit Daten haben ja alle Programmiersprachen so ihre Tücken.

So hatten auch wir mit merkwürdigen Effekten zu kämpfen, die wir uns nicht erklären konnten. Nach einigem Suchen fanden wir dann auch die Lösung: JavaScript rechnet bei den Monaten im Bereich 0 (Januar) bis 11 (Dezember). Daraus ergibt sich, dass bei der Funktion getMonth() auf das Datum 12.09.2012 als Ergebnis 8 zurückgegeben wird.

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 »

.. eine eigenartige Anforderung oder?

Wir haben ein Formular mit Radio Buttons und wollen dem User die Möglichkeit geben eine ausgewählte Radio Box wieder zu “demakieren”.  Normalerweise sollte man für diesen Zweck Checkboxen verwenden. Wer nun aber doch unbedingt Radio Buttons nehmen möchte, kann diese Funktion mit JavaScript nachbauen.

Das ganze würde dann so aussehen:

function check(radio){
 if(radio.getAttribute("isChecked")=="true"){
	radio.checked = false;
	radio.setAttribute("isChecked","false");
 } else {
	radio.setAttribute("isChecked","true");
 }
}

Dann brauchen die Radio Elemente nur noch ein

 onclick="check(this);"

und es funktioniert.

Also falls ihr mal solch eine Anforderung bekommt, hilft unser kleiner Artikel hoffentlich

Veröffentlicht von Limespacer | Keine Kommentare »

Hallo LimeSpace(r),

Heute wurde die Version 1.4.0 des Dojo Toolkits released.

Es hat eine gewaltige Menge an Bugfixes gegeben, so wie einen Batzen neuer Features. Meine Highlights in dem Release :

• Dialoge können nun übereinander liegen, sprich ein Dialog kann aus einem anderen geöffnet werden.
• Shuffle – Automatisch unterschiedliche DIV’s einblenden.
• Die Tab-Container können nun wie zum Beispiel im FireFox üblich dargestellt werden (Pfeile werden eingeblendet, wenn die Zeile voll ist)
• Umsetzung der JQuery “API” mit Dojo , noch experimentell

Wer sich mit allen Neuerungen befassen möchte wird auf dem DojoCampus und den Releasenotes fündig.

Veröffentlicht von Limespacer | Keine Kommentare »

Hallo ihr lieben,

unsere Links der Woche fallen diesen Samstag doch sehr kurz aus, leider haben wir nicht ganz so viel gefunden, von dem wir der Meinung sind das es lesenswert ist. Ich denke aber im Winter wird das wieder besser

• Um das Thema Peer Review und PHP ging es bei “Brandon Savage”, insbesondere um die Verbesserung der Business Logik, es handelt sich hierbei um eine ganze Serie von Artikeln, die man sich gerade als PHP Entwickler im Enterprise-Umfeld mal genauer ansehen sollte … hier !
• Ein toller Artikel zu MySql und Performance auf Sitepoint, die Jung’s haben ihre eigenen Erfahrung aufgeschrieben, hauptsächlich geht um die richtige Wahl des Tabellen-Formats, und welche wichtigen Unterschiede es gibt. Mein Highlight diese Woche.
• Stress , ja wer hat diesen nicht. DumbLittleMan gibt hilfreiche Ratschläge, den Kampf gegen den Burnout zu gewinnen.
• NetTuts glänzte diese Woche mit einem Tutorial zu JQuery , welches sich ausgiebig mit dem selektieren von DOM Elementen beschäftigt.

Tja das war es auch leider schon, nur einen habe ich noch : Die Javascript Framework Matrix , kein Artikel aber eine schöne Seite welche die gleichen Funktionen mit unterschiedlichen Javascript Frameworks zeigt. Absolut gelungen !

Veröffentlicht von Limespacer | Keine Kommentare »