Mit JToolBarHelper-Klasse der Joomla 1.5.x API lassen sich im Administrator-Backend schnell und comfortabel nahezu beliebige Task-Elemente in die eigenen Komponenten/Extensions einbinden. Genauso schnell wird man bei den anfänglichen Versuchen festellen, dass die Übergabe der direkten Pfade für Icon-Bilder nicht möglich ist. Die Joomla DokuWiki gibt zumidnest für die JToolBarHelper::custom()-Methode einen ersten brauchbaren Tipp. An dieser Stelle weiss man, das Ganze ist an das aktuelle Theme gekoppelt.
Die Lösung:
Spätestens nach dem Studieren des HTML-Quellcodes stellt man fest, dass Joomla standardmässig für jeden übergebenen Icon-Parameter eine zugehörige CSS-Klasse im HTML-Code des Toolbars generiert.
Schauen wir uns dabei die Definition von custom() etwas genauer an:
JToolBarHelper::custom( $task = '', $icon = '', $iconOver = '', $alt = '', $listSelect = true, $x = false )
Wenn wir nun beispielsweise ein Add-Button bauen möchten:
<!--? echo JToolBarHelper::custom('add' , 'new', '' , 'Add item', false); ?-->
Würden wir im HTML-Quellcode folgende zugehörige Zeilen wiederfinden:
<a class="toolbar" href="#"> Add item </a>
Die Definition für “icon-32-new” findet sich unter:
Also tut Joomla zunächst einmal so, als wäre das standardmässig aktive Theme “khepri” für alle Defintionen der Iconklassen zuständig. In unserem Beispiel hat die CSS-Klasse “icon-32-new” folgende Gestalt:
.icon-32-new { background-image: url(../images/toolbar/icon-32-new.png); }
Für ein Vielzahl anderer Schlüsselwörter bringt das Theme “khepri” ebenfalls fertige CSS-Klassen mit:
Mögliche Icon-SChlüsselwörter: (send, delete, help, cancel, config, apply, back,
forward, save, edit, copy, move, new, upload,
assign, html, css, menus, publish, unpublish, restore,
trash, archive, unarchive, preview, default)
Das Theme befindet sich unter
JOOMLA-ROOT:administrator/templates/khepri/
und die ToolbarIcon sind unter
JOOMLA-ROOT:administrator/templates/khepri/images/toolbar/
zu finden
Solltet ihr ein Icon übergeben wollen, welches nicht als Schlüsselwort definiert ist, so packt die CSS-Definition einfach direkt in das entsprechende Extension-Layout und verweist auf die richtigen Pfade des Icons.
Viel Spass beim Ausprobieren!
Javascript hat spätestens mit der Einführung des Web2.0-Begriffs den entgültigen Durchbruch geschaft und kann mittlerweile bei diversen Aufgaben sogar mit Flash konkurieren. Zu verdanken ist diese Entwicklung auch den vielen Javascript-Bibliotheken (auch JS-Frameworks genannt, siehe Prototype, Mootools usw).
Trotz aller Funktionsvielfalt, welche diese Javascript-Frameworks mitbringen, benötigt jeder halbwegs gut beschäftigter Webentwickler immer wieder kleinere Hilfestellungen bei der Bewältigung wiederkehrender Aufgaben, wie z.B. bei der Verabeitung der Zeichenketten (im Nachvollgenden Strings genannt).
Generell sind die Stringfunktionen bei Javascript bei weitem nicht so mächtig, wie beispielsweise in PHP, ausgeklügelte Kombination der wenigen vorhandenen Stringfunktionen erlauben jedoch auch in JS zufriedenstellende Ergebnisse. Wir wollen uns noch die wichtigsten Funktionen zu Manipulation der Zeichenketten genauer anschauen (die reinen Formatierungsfunktionen ala bold(), italics() u.a lassen wir dabei draußen)….
Immer wieder benötigt man an einer oder andere Stelle eigener Webpräsennz die Datums- und/oder Zeitdarstellung. Die bloße Darstellung des aktuellen Datum samt der Uhrzeit ist kein Kunststück - dazu Bedarf es lediglich folgender Codezeilen:
Lese den ganzen Eintrag »
Was ist Unix Timestamp, womit man das ißt und wie es berechnet wird. Alle diese Fragen werden in den folgenden Beitrag erklärt. Ausserdem stellen wir zwei Tools zum Umrechnen des Timestamp zur Verfügung!
Lese den ganzen Eintrag »
Hallo Hallo,
den Wunsch einen DEV- Blog zu starten hatte ich schon als es das Wort Blog noch garnicht gab. Natürlich wollte ich nicht bloggen, sondern einfach nur irgendwelche hilfreiche Artikel schreiben, doch sei es drum - jetzt gibt es Blogs und ich werden mich anstrengen, damit diese Seite keinen Staub ansetzt.
P.S. frohe mich über jeden noch so sinnfreien Kommentar