[Erledigt] jQuery: setTimeout innerhalb einer Klasse - Seite 2

nikosch · 05.02.2011, 18:18

Ehrlich gesagt finde ich die Anwendung auch zu speziell, um sie in die jQuery Prototypen aufzunehmen. Die Funktionalität ist einfach zu nahe an der HTML-Struktur (und Chaining scheint mir da auch kaum gerechtfertigt). Ich persönlich würde ein stiNo Objekt draus machen. Vielleicht sogar zwei: Einesn für den Slider und eines für die Beziehung mehrerer Slider untereinander (dort könnte man die Slider dahingehend erweitern, dass sie über ein Callback den vollständigen Durchgang zurückmelden und den nächsten anstoßen).

rudygotya · 06.02.2011, 15:21

Weil ich "bind" grad selbst mal wieder brauchte und weils meiner Meinung nach "schöner" Javascript-Code ist:

PHP-Code:

  (function (window, $, L, undefined) {
    /**
     * @namespace Limubo.Progressbar
     */
    L.Progressbar = new Class({
        Implements: Options,
        options : {
            value : 1,
            el : null
        },
        initialize : function (options) {
            if (options !== undefined) {
                this.setOptions(options);
            }
            if (this.options.el === null) {
                this.options.el = $(".progressbar")
            }
            /**
             * @var {number}
             */
            this.counter = this.options.value;

            this.options.el.progressbar({
                value: this.counter
            });
        },
        run : function () {
            var el = this.options.el,
                prev = el.prev();
            if ( el.length < 1 ) {
                return;
            }
            if ( prev.length > 0 && prev.hasClass('progressbar_text') ) {
                prev.fadeIn();
            }
            (function () {
                this.counter += 1;
                if (this.counter > 100) {
                    this.counter = 1;
                }
                el.progressbar('value', this.counter);
                window.setTimeout(
                    arguments.callee.bind(this),
                    40
                );
            }).bind(this)();
        }
    });
})(window, jQuery, Limubo);

Anstatt den jquery fn namespace zu erweitern, benutz ich für widgets eigentlich immer eine jqueryui- Abstraktion - in dem Fall die ui-Progressbar direkt. Angesteuert wird das ganze dann über eine Instanz einer Mootools-JS-Klasse. Events aus dem ui-Widget kannst du dann über Objekt-Methoden bedienen und du hast mMn. ein sauberes Interface (in dem Fall hört das Ding auf keine events, da es beim Fileupload instanziert wird). Von Mootools brauchste hier eigentlich nur die Klassenbibliotheken im Mootools build-Tool anzuwählen.

Wirklich cool ist die anonyme Funktion in run, deren Scope der Objektscope bleibt und die sich selbst nach dem Ausführen ihres Inhalts wieder startet.

Grüße

Basti

Paul.Schramenko · 07.02.2011, 10:08

Wow sieht echt cool aus. Vielen Dank noch mal an euch zwei.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seite nur im Script aufrufbar	BlackScorp	PHP Tipps 2010	4	03.11.2010 15:57
[Erledigt] jQuery setTimeout und "this"...	halskrause	JavaScript, Ajax und mehr	5	27.10.2010 19:21
[Erledigt] Klasse aus einer anderen Klasse aufrufen	Tobby	PHP-Fortgeschrittene	7	14.07.2010 20:05
[Erledigt] Nur einer bestimmten Klasse Zugriff andere Klasse erlauben	Turamisi	Software-Design	2	20.02.2010 20:31
Klasse für Objekteigenschaft erzeugen?	Asipak	PHP-Fortgeschrittene	25	30.05.2009 19:45
Methode einer anderen Klasse aufrufen	Luka	PHP-Fortgeschrittene	15	09.11.2008 14:19
funktion innerhalb einer Klasse mit call_user_func aufrufen	phpbeginner	PHP Tipps 2008	8	22.05.2008 16:20
String-Parser Klasse - was muss rein?	Matze	PHP Tipps 2007	2	08.04.2007 22:14
mehr als eine Klasse einbinden	Alpha Centauri	PHP-Fortgeschrittene	4	13.04.2006 20:56
[Erledigt] Zugriff auf eine Klasse innerhalb einer Funktion -&amp;gt; Fehle		PHP-Fortgeschrittene	23	05.02.2006 13:02
Instanz einer Klasse in einer anderen Klasse verwenden	Buhmann	PHP-Fortgeschrittene	7	28.10.2005 23:12
Rückgabewert auf einer Klasse anders als in der Klasse	micbur	PHP Tipps 2005-2	6	10.06.2005 15:06
[Erledigt] Instanz einer Klasse innerhalb einer Funtion verwenden		PHP-Fortgeschrittene	9	14.04.2005 21:51
[Erledigt] Problem mit Übergabe einer Klasse in PHP4		PHP-Fortgeschrittene	10	08.01.2005 21:00
[Erledigt] Instanz bilden innerhalb einer Klasse		PHP Tipps 2004	7	11.12.2004 12:58

05.02.2011, 18:18
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ehrlich gesagt finde ich die Anwendung auch zu speziell, um sie in die jQuery Prototypen aufzunehmen. Die Funktionalität ist einfach zu nahe an der HTML-Struktur (und Chaining scheint mir da auch kaum gerechtfertigt). Ich persönlich würde ein stiNo Objekt draus machen. Vielleicht sogar zwei: Einesn für den Slider und eines für die Beziehung mehrerer Slider untereinander (dort könnte man die Slider dahingehend erweitern, dass sie über ein Callback den vollständigen Durchgang zurückmelden und den nächsten anstoßen). __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

06.02.2011, 15:21
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Weil ich "bind" grad selbst mal wieder brauchte und weils meiner Meinung nach "schöner" Javascript-Code ist: PHP-Code: (function (window, $, L, undefined) { /** * @namespace Limubo.Progressbar / L.Progressbar = new Class({ Implements: Options, options : { value : 1, el : null }, initialize : function (options) { if (options !== undefined) { this.setOptions(options); } if (this.options.el === null) { this.options.el = $(".progressbar") } /* * @var {number} */ this.counter = this.options.value; this.options.el.progressbar({ value: this.counter }); }, run : function () { var el = this.options.el, prev = el.prev(); if ( el.length < 1 ) { return; } if ( prev.length > 0 && prev.hasClass('progressbar_text') ) { prev.fadeIn(); } (function () { this.counter += 1; if (this.counter > 100) { this.counter = 1; } el.progressbar('value', this.counter); window.setTimeout( arguments.callee.bind(this), 40 ); }).bind(this)(); } }); })(window, jQuery, Limubo); Anstatt den jquery fn namespace zu erweitern, benutz ich für widgets eigentlich immer eine jqueryui- Abstraktion - in dem Fall die ui-Progressbar direkt. Angesteuert wird das ganze dann über eine Instanz einer Mootools-JS-Klasse. Events aus dem ui-Widget kannst du dann über Objekt-Methoden bedienen und du hast mMn. ein sauberes Interface (in dem Fall hört das Ding auf keine events, da es beim Fileupload instanziert wird). Von Mootools brauchste hier eigentlich nur die Klassenbibliotheken im Mootools build-Tool anzuwählen. Wirklich cool ist die anonyme Funktion in run, deren Scope der Objektscope bleibt und die sich selbst nach dem Ausführen ihres Inhalts wieder startet. Grüße Basti __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

07.02.2011, 10:08
Paul.Schramenko Erfahrener Benutzer Registriert seit: 15.04.2010 Beiträge: 813 PHP-Kenntnisse: Fortgeschritten	Wow sieht echt cool aus. Vielen Dank noch mal an euch zwei. __________________ "My software never has bugs, it just develops random features." "Real programmers don't comment. If it was hard to write, it should be hard to understand!" Positive Bewertungen sind nicht unwillkommen...