Archive

Posts Tagged ‘Ajax’

Datepicker / Kalender in BreezingForms

März 30, 2010 22 Kommentare

Heute musste ich in BreezingForms ein Datepicker einbauen. Zugegeben, ich verwende bei diesem Projekt noch die alte BreezingForms Version 1.6.0 aber ich gehe davon aus dass diese Lösung auch in der aktuellen Version funktioniert.

Als Grundlage habe ich diesen Forumseintrag gefunden. Der Unobtrusive Date-Picker gefällt mir sehr gut und ich kenne ihn schon aus der Verwendung mit CakePHP. Jedoch wird in dem Forumsbeitrag die Version 4 verwendet und ich wollte lieber die neuste Version 5 nutzen. Ausserdem gibt es eine schönere Möglichkeit CSS und JS Dateien mit Hilfe des Joomla Frameworks einzubinden. Hier also mein Vorgehen:

  1. die neuste Version von Unobtrusive Date-Picker runterladen (ziemlich weit unten auf der Seite)
  2. der Inhalt der ZIP Datei muss nach {mossite}/includes/js/ kopiert werden
  3. Im Formular muss im Formularteil „Vor Formular“ folgendes ergänzt werden:
    $document = JFactory::getDocument();
    // include the javascript functions for dates
    $document->addScript('{mossite}/includes/js/date-picker-v5/js/lang/en.js');
    $document->addScript('{mossite}/includes/js/date-picker-v5/js/datepicker.js');
    $document->addStyleSheet('{mossite}/includes/js/date-picker-v5/css/datepicker.css');
    
  4. Jetzt ein simples Text-Feld anlegen und abspeichern
  5. Jetzt benötigen wir die DOM-ID des Eingabefeldes. Diese lautet ff_elem{Script ID}. Die Script ID zu jedem Element findest du in der rechten Spalte in dem Bearbeitungsmodus des Formulars. In meinem Fall lautet die ID ff_elem2116
  6. Das Textfeld noch mal editieren und beim „Initialisierungsskript“ Typ „Spezial“ und die Bedingung „Formulareintritt“ aktivieren
  7. Den Rahmencode erzeugen lassen
  8. nach case „formentry“: kommt jetzt der Datepicker Code. z.B.
    datePickerController.createDatePicker({
    formElements:{"ff_elem2116":"Y-ds-m-ds-d"}
    });
    

    Hier muss jetzt die DOM-ID des Feldes eingetragen werden.
    Natürlich können auch die weiteren Möglichkeiten des Datepickers genutzt werden

  9. Fertig, der Datepicker sollte neben dem Formularfeld erscheinen
Kategorien:Allgemein Schlagwörter: , , ,

Joomla Dropbox Plugin mit Ajax

In der aktuellen Version (0.9) des Dropbox Plugins für Joomla werden die Bilder (pic und gallery Funktion) asyncron per Ajax geladen. Das beschleunigt den Seitenaufbau, weil jetzt nicht mehr gewartet werden muss bis alle Bilder geladen sind.

Kategorien:Deutsch Schlagwörter: , , , ,
%d Bloggern gefällt das: