Lightbox mit Dojo und dem Zend Framework

ajung — Mon, 12 Jan 2009 18:00:06 +0000

Das Javascript Framework Dojo lässt sich mit dem Zend Framework besonders elegant einsetzen. Man kann die Integration von Dojo im der Controler Schicht, also in den Actions aktivieren und auch von dort angeben welche Module von Dojo man benötigt. So kann man sichergehen das die benötigten Javascript Dateien nur auf den Seiten geladen werden, wo sie auch genutzt werden.

Wenn ich also das Lightbox Modul verwenden möchte, füge ich nur folgenden Code in der Action Methode ein:

$this->view->dojo()->enable();
$this->view->dojo()->requireModule('dojox.image.Lightbox');
$this->view->headLink()->appendStylesheet('/js/dojox/image/resources/Lightbox.css');

Zusätzlich hat das Dojo Framework die praktische Eigenschaft, dass es sich alle zu dem Modul notwenigen Module selber nach per Ajax lädt.

Mit der Methode addOnLoad() kann ich eine Funktion definieren, die beim Laden der Seite aufgerufen wird. Dadurch kann man an verschiedenen Stellen eine Funktion zum Onload Ereignis hinzufügen ohne dass diese sich überschreiben.

$this->view->dojo()->addOnLoad('initLightbox');

In einer seperaten JavaScript Datei habe ich das Initialisieren der Lightbox definiert.

var initLightbox = function(){
	dojo.query(".thumbs li a").forEach(function(node, index, arr){
		var href = dojo.query('img',node)[0].src.replace('/thumbs/','/pics/');
		var lb = new dojox.image.Lightbox({title:dojo.query('.tipp',node)[0].innerHTML, group:"group2", href:href ,style:'padding:40px;'});
		lb.startup();
		dojo.connect(node,'onclick',function(e){
			e.preventDefault();
			lb.show();
		});
	});
}

Dieser Code erzeugt aus einer einfachen Liste mit Links auf Bilder einer schönen Light Box mit Blätter Funktion.


	
		
	
	....

Internationalisierung mit dem Zend Framework

ajung — Wed, 07 Jan 2009 17:00:53 +0000

Normalerweise verwende ich zu Implementierung der Mehrsprachigkeit auf Webseiten die gettext Funktionalität. Die Internationalisierung mit dem Zend Framework unterstützt neben gettext auch noch andere Formate.

TMX Format

Insbesondere die Möglichkeit, die Sprachdateien in TMX Format zu verwenden, finde ich sehr praktisch. Dadurch entfällt das Editieren und Kompilieren der Sprachdateien in einem PO Editor.

Die TMX Datei kann mit jeden XML Editor bearbeitet werden uns sieht ungefähr so aus:

Englisch

Deutsch

Zend_Locale und Zend_Translation

In der Kombination mit der Zend_Locale und Zend_Translation hat man mit diesen kurzen Code Zeilen ein Objekt zum Übersetzten der Texte. Die Zend_Lokale sorgt automatisch dafür, dass die vom Benutzer bevorzugte Sprache verwendet wird.

$locale = new Zend_Locale();
$defaultlanguage = 'de';
$translate = new Zend_Translate('tmx',
    '../languages/messages.tmx',
    $locale,
    array('disableNotices'=>true)
);
if (!$translate->isAvailable($locale->getLanguage())) {
    $translate->setLocale($defaultlanguage);
}

Wenn man das Translate Objekt dem View hinzufügt, kann man in den Templates einfach darauf zugreifen:

translate->_('intro1');?>

Zend_Locale_Format

Mit der Klasse Zend_Locale_Format kann man Zahlen und Datum passend zu der Lokale anzeigen.

echo Zend_Locale_Format::toFloat(13547.3655,array('precision' => 2,));

So kann man auf für kleine Seiten sehr schnell eine mehrsprachige Webseite zur Verfügung stellen.

Axel Jung » zend-framework

Lightbox mit Dojo und dem Zend Framework

Internationalisierung mit dem Zend Framework

TMX Format