Skip to content

jQuery, mootools, Prototype in Serendipity

I've fallen deeply in love with JavaScript libraries like jQuery in the past months. There's so much cool stuff you can do by simply including one ore more .js files to your web site. Be it form validation, GUI-like elements, or just toggling the visibility of block elements. Image overlay effects like Lightbox or Thickbox are based on these libraries, too.

So I decided it was about time we had those libs in Serendipity. We need them to create a more intuitive user experience both in the frontend and the backend. Especially in the backend, where other blog tools like Movable Type 4 look much slicker to me. Anyway, I sat down and hacked together a new plugin for S9y that lets you include jQuery and some of its plugins, mootools (including many extensions in one file), and Prototype in your web site. You can choose between frontend and backend display and select single plugins for jQuery (my favorite lib right now). I would really appreciate it if some S9y users/developers would download and install the plugin and give me feedback on it (forum seems to be down, but there's already a thread on this).

To give you an idea of what could be done with it, I edited the default admin templates, got rid of all the tables and exchanged them for divs. Then I added some tabs to the "edit entry" area with the help of the tabs plugin for jQuery. You can see the result if you open the s9y_tabs.ogg of the desktop session I recorded with Istanbul (in Ogg Theora format, no sound).

Annotations: Other plugins could benefit from this because they do not need to include the libs themselves. Right now, there might be trouble in case you got the Lightbox plugin or similar plugins installed at the same time. Some of the libs included in my plugin were packed with Dean Edwards' packer in order to reduce file sizes.

Trackbacks

Keine Trackbacks

Kommentare

Ansicht der Kommentare: Linear | Verschachtelt

Noch keine Kommentare

Kommentar schreiben

Markdown-Formatierung erlaubt
Wenn Du Deinen Twitter Namen eingibst wird Deine Timeline in Deinem Kommentar verlinkt.
Bewirb einen Deiner letzten Artikel
Dieses Blog erlaubt Dir mit Deinem Kommentar einen Deiner letzten Artikel zu bewerben. Bitte gib Deine Blog URL als Homepage ein, dann wird eine Auswahl erscheinen, in der Du einen Artikel auswählen kannst. (Javascript erforderlich)
Standard-Text Smilies wie :-) und ;-) werden zu Bildern konvertiert.
Die angegebene E-Mail-Adresse wird nicht dargestellt, sondern nur für eventuelle Benachrichtigungen verwendet.

Um maschinelle und automatische Übertragung von Spamkommentaren zu verhindern, bitte die Zeichenfolge im dargestellten Bild in der Eingabemaske eintragen. Nur wenn die Zeichenfolge richtig eingegeben wurde, kann der Kommentar angenommen werden. Bitte beachten Sie, dass Ihr Browser Cookies unterstützen muss, um dieses Verfahren anzuwenden.
CAPTCHA

Formular-Optionen

Kommentare werden erst nach redaktioneller Prüfung freigeschaltet!