Kategorien
Development

jbar by javan

http://javan.us/jbar/

Nettes jQuery Plug-In, um eine UL-Liste in eine nette Toolbar zu verwandeln.

Kategorien
Development

URI.js

Rodney Rehm hat URI.js veröffentlicht und macht die Arbeit mit URLs über JavaScript zum Kinderspiel. Die Verwendung der Bibliothek ist an den „jQuery Style“ angelehnt und bietet massig Funktionen.

Download unter http://medialize.github.com/URI.js/

Kategorien
Development

[jQuery] Serialize List Plugin

Mike Botsko hat ein nettes Plugin für jQuery geschrieben, mit dem eine unordered list <ul> „serialisiert“ werden kann, um sie dann mit PHP o.ä. weiterverarbeiten zu können.
Der Quelltext des Plugins sieht wie folgt aus:

(function($){
    $.fn.serializelist = function(options) {
        /**
         * jQuery Serialize List
         * Copyright (c) 2009 Mike Botsko, Botsko.net LLC
         * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
         * Copyright notice and license must remain intact for legal use
         * Version 1
         *
         * Serialize an unordered or ordered list item. Optional ability
         * to determine which attributes are included. The serialization
         * will be read by PHP as a multidimensional array which you may
         * use for saving state.
         */

        // Extend the configuration options with user-provided
        var defaults = {
            prepend: 'ul',
            is_child: false,
            attributes: ['id', 'class']
        };
        var opts = $.extend(defaults, options);
        var serialStr     = '';

        if(!opts.is_child){ opts.prepend = '&'+opts.prepend; }

        // Begin the core plugin
        this.each(function() {
            var ul_obj = this;

            var li_count     = 0;
            $(this).children().each(function(){

                for(att in opts.attributes){
                    serialStr += opts.prepend+'['+li_count+']['+opts.attributes[att]+']='+$(this).attr(opts.attributes[att]);
                }

                // append any children elements
                var child_base = opts.prepend+'['+li_count+'][children]';
                $(this).children().each(function(){
                    if(this.tagName == 'UL' || this.tagName == 'OL'){
                        serialStr += $(this).serializelist({'prepend': child_base, 'is_child': true});
                    }
                });
                li_count++;
            });
        });
        return(serialStr);
    };
})(jQuery);

Der Aufruf erfolgt über folgenden Befehl:

$(document).ready(function(){
    $('ul').serializelist();
});
Kategorien
Development

[jQuery] Endlich ein gutes Growl Plugin – Gritter

http://boedesign.com/2009/07/11/growl-for-jquery-gritter/ hat am 11.07.2009 ein richtig schickes und gut funktionierendes Notification-Plugin im Growl-Stil für jQuery veröffentlicht. Es heißt Gritter und der erste Eindruck von der Demo war auf jeden Fall sehr gut.

Ich werde das Plugin definitiv in verschiedenen Projekten einsetzen. Auf sowas habe ich schon seit längerer Zeit gewartet.

Kategorien
Development

[jQuery] Thickbox und AJAX Content – Wo ist das Fenster?

Für alle, die sich fragen warum eine Thickbox nicht erscheint, wenn sie von einem per „load-Befehl“ in die Seite eingebundenen Objekt aus aufgerufen wird, habe ich eine Antwort parat. Das Problem ist, dass nach dem Laden des DOM’s die Objekte, die mit Thickbox-Befehlen versehen sind mit der Thickbox-Funktionalität initialisiert werden. Dieser Vorgang geschieht allerdings nicht, wenn im Nachhinein Content per „load-Befehl“ in den DOM geladen wird. Somit erscheint auch keine Thickbox, wenn man das entsprechende Objekt anklickt.
Eine einfache Codezeile schafft hier allerdings Abhilfe. Über den Befehl „tb_init()“ werden alle Objekte, die sich im DOM befinden mit der Thickbox verbunden. Vorausgesetzt sie haben die entsprechende TB-Klasse als Attribut.

tb_init('a.thickbox, area.thickbox, input.thickbox');