Undolog.com

Wie in der Post Vielzahl von Kodierung und Codierung Ansätze, dass ein Entwickler Mai haben, um Probleme zu lösen sind unterschiedlich und viele der gleichen Programmiersprache verwendet. Hier ist, wie einige der beliebtesten Javascript Rahmen gelöst haben eine einfache Funktion von CamelCase:

Prototype.js

Prototype.js, Version 1.6.0.3, ausdrücklich vor, eine Methode camelize() CamelCase an einer Schnur. Der Ansatz ist ganz einfach für den Autor und der Code ist selbsterklärend. In diesem Fall gab es keine reguläre Ausdrücke!

Lesen Sie weiter ... "

Verwandte Post

• Alle Leuchtkasten Klone in einem dynamischen Matrix (7)
• Light-Bibliothek: Slimbox von einem Shadowbox, Galerien in Javascript (12)
• Light-Galerie: Lightview 2.0.0_rc1 (1)
• jquery Restyling (0)
• jquery gegen alle: ein Benchmark mit 5-Browser (3)

Google, in der zweiten perdiodo, hat eine Vielzahl von Werkzeugen für Entwickler, ständig aktualisiert ihre Releases. Jetzt läuft eine Vereinbarung mit beliebten AJAX-Rahmen, und nicht nur zu zentralisieren die Verteilung der Bibliotheken jquery, Prototyp, script.aculo.us, mootools und Dojo!

In der Praxis, können Sie Zugriff auf diese Bibliotheken mit der Infrastruktur und die Google-Netzwerk, mit erheblichen Vorteilen in Bezug auf Geschwindigkeit und Sicherheit.

Die Geschwindigkeit, der Verladung, der ist garantiert von der selben Netzwerk, dass Google und per se eine verteilte Server, so dass (standardmäßig) Be-komprimierte (gzip / minify) Bibliothek. Die Hosting-Google näher an die Anfrage wird verwendet, um den Code, und wenn nicht erreichen oder vorübergehend, die Google-Netz wird immer noch senden Sie die Javascript-Code!

Lesen Sie weiter ... "

Verwandte Post

• Alle Leuchtkasten Klone in einem dynamischen Matrix (7)
• Light-Bibliothek: Slimbox von einem Shadowbox, Galerien in Javascript (12)
• Light-Galerie: Lightview 2.0.0_rc1 (1)
• jquery gegen alle: ein Benchmark mit 5-Browser (3)
• Camelize, CamelCase (0)

Wenn Shadowbox Fenster geöffnet sein, um den Inhalt (Bild, iframe, Movie, usw. ...), zeigt, bis ein animiertes GIF, dass sich im gleichnamigen Paket. Wenn die Seite Sie Shadowbox ist auf dem gleichen Niveau Ordner von Bildern, alles funktioniert gut. Standardmäßig ist in der Tat, Shadowbox Suche nach dem animierte GIF-Bilder / loading.gif - oder Bilder / Laden-light.gif, wenn Sie die Stile Licht (shadowbox-light.css). Andernfalls, und oft gibt es auch das Risiko der nicht accorgesene, wenn wir in einem anderen Baum, wird eine gute Code 404 - Seite Girder nicht, in unserem Fall Dateien nicht gefunden!

Um das Problem zu lösen einfach initialisieren Shadowbox mit einem Parameter, die angeben, nur den absoluten Pfad des Ordners Bilder: auf undolog.com, zum Beispiel, ich in die animierten gif von Be-Bilder direkt in den Ordner, in Root (wie etwa eine Milliarde anderen Websites:). Um diesen Ordner zu Shadowbox, unabhängig von der Strecke, ich einfach angefügt:

Verwandte Post

• Alle Leuchtkasten Klone in einem dynamischen Matrix (7)
• Light-Bibliothek: Slimbox von einem Shadowbox, Galerien in Javascript (12)
• Light-Galerie: Lightview 2.0.0_rc1 (1)
• Restyling: Animation und Interaktivität (0)
• Beispiele für unaufdringliche Javascript (1)

Planetozh hat ein dynamisches Instrument Splendito der Lage, alle JavaScript-Bibliotheken wie Lightbox.

Durch ein Panel (siehe Bild links) mit einer Reihe von "Inspiration" (Checkbox), die die verschiedenen Funktionen der Bibliothek, können Sie einen Filter damit eine Liste von ein oder mehreren Bibliotheken, die unserem Fall, anzulegen. Wir hoffen, dass der Autor behauptet, aktualisiert dieses fantastische Seite, nützlich, in der sich zwischen den zahlreichen und immer mächtiger Buch dieser Art.

Verwandte Post

• Light-Bibliothek: Slimbox von einem Shadowbox, Galerien in Javascript (12)
• Light-Galerie: Lightview 2.0.0_rc1 (1)
• Shadowbox assetURL: Stellen Sie den Pfad der Bilder (2)
• Accessibility und Usability: unaufdringlich Javascript (4)
• Restyling: Animation und Interaktivität (0)

Unter allen Bibliotheken "Web 2.0" zur Verfügung, scriptaculous ist sicherlich die meisten schlecht dokumentiert! Auf der offiziellen Website, die oft langsam, Dokumentation ist teilweise schlecht gemacht und schwer zu handhaben. Mit der neuesten Releases, dann, einige neue Funktionen sind komplett fehlen, ebenso wie der neue Kern Wirkung Tween (Effect.Tween). Die letztere, ähnlich wie Tween Flash ermöglicht es Ihnen, benutzerdefinierte Übergänge manipulieren. ÜBERSICHT seine Grundfläche ist: Lesen Sie weiter ... "

Verwandte Post

• Unaufdringliche Javascript: Pseudo-& Real (0)
• Unaufdringliche Flash-Objekte (1)
• Alle Leuchtkasten Klone in einem dynamischen Matrix (7)
• Shadowbox assetURL: Stellen Sie den Pfad der Bilder (2)
• Restyling: Animation und Interaktivität (0)

Vor kurzem freigegeben hier noch unauffällig Javascript-Bibliothek für Bildergalerien und vieles mehr. Lightview in 2.0.0_rc1 Release, fügt auch Features zu öffnen Sie das Fenster mit Inhalten, geht über die einfache Bild: Flash-Filme, QuickTime , Form und IFRAME! Im Vergleich zu der vorherigen Version (die 1.1.0 -, der nur Bilder), daher, dieses Release Candidate ist angereichert Funktionalität auch in anderen Bibliotheken. Die Werkzeuge von Lighview zu arbeiten, sind bekannt Prototype 1.6.0.2 und Scriptaculous 1.8.1. Gliattributi zur Verwaltung der Bibliothek class

Interessanterweise ein Erwartung dieser Bibliothek ist die extreme Sorgfalt, mit der die Grafik zeigt.

Bewertung: 9 - Home Lightview

Verwandte Post

• Alle Leuchtkasten Klone in einem dynamischen Matrix (7)
• Light-Bibliothek: Slimbox von einem Shadowbox, Galerien in Javascript (12)
• Shadowbox assetURL: Stellen Sie den Pfad der Bilder (2)
• Accessibility und Usability: unaufdringlich Javascript (4)
• Restyling: Animation und Interaktivität (0)

Einige könnten sagen - nicht zu Unrecht - genug! JavaScript-Bibliotheken (unaufdringlich - nicht aufdringlich oder teilweise) für die Verwaltung von Bildern und Galerien gibt es wirklich hoch. Wie auch immer hier ist die Liste, mit Stärken und Schwächen, desto besser fühlte ich mich.

SLIMBOX 1,41

Äußerst minimal, 7K (Version 1.41), erfordert mootools zu arbeiten. Wie bereits auf der Startseite ist ein echter Klon Grafik Leuchtkasten, die wir siehe unten. Ehrlich gesagt, abgesehen von der extremen Kompaktheit der Bibliothek, hat keine Besonderheiten. Am selben Ort, jedoch, finden Sie auch ein Skript zu generieren Ideen Laufzeit ... zu begrenzen Dies kann sinnvoll sein,

Bewertung: - 6 - Home Page Slimbox, Home Page Reflection.js für mootools

Lightbox2

Einer der bekanntesten und einfach. Ist in diesem Release sind Bilder (nicht mit QuickTime, Flash oder andere). Für den Betrieb benötigt Prototype und Scriptaculous. Verwenden Sie das Attribut rel zur Identifizierung der Verbindungen der Bilder verarbeitet werden:

Wie bei anderen Bibliotheken, dass wir sehen werden, unterstützt die Diashow-Modus, wobei in Klammern eine Identifikation in einer Reihe von Link / Bild:

Bewertung: 6 - Home Page Lightbox2

LIGHTWINDOW 2,0

Dies ist recht verbreitet! Denn, wie zu verstehen, was ist das am meisten benutzte? ;). Wie dem auch sei ist umfassend und äußerst vielseitig. Auf der Website steht ein Antrag für Spenden an einen Mac kaufen ... ein wenig invasive und drücken ... Jedoch, wie seine Vorgänger, für seinen Betrieb vorgesehen werden, erfordert Prototype und Scriptaculous. Im Gegensatz zu den vorhergehenden ein, aber dieser macht moltisiimi Arten von Dateien aus Bildern, QuickTime-Filme, Flash-Filme, externe HTML-Seiten und PDF. Im Gegensatz dazu nutzt mehrere Attribute, einige optional author, caption title Anforderungen class und params - Verhalten Bibliothek). Zum Beispiel, um eine Galerie oder eine Diashow mit dem Attribut rel

Bewertung: 8 - Home Page LightWindow 2,0

SHADOWBOX 1.0b

Obwohl Version 1.0 beta, das ist vielleicht die umfassendste Bibliothek, die beide funktionell und zur Unterstützung von Bibliotheken. Für seine Arbeitsweise, in der Tat, Sie können aus einer Reihe von Rahmen, dank der Datei "Adapter", besonders aus und die vom Autor:

• Yahoo! User Interface Library (Yahoo, Sonntag, Event-, anim)
• Extern (Standalone, ext-core.js)
• Prototype + Scriptaculous
• jquery
• Mootools (benötigt Fx.Styles und ihre Abhängigkeiten)
• Dojo Toolkit (dank Peter Higgins)

Die visuelle Wirkung (konfigurierbar über die Haut / css), dann, im Gegensatz zu den anderen, ist sicherlich ansprechender. Die Attribute sind nur rel wo, in ihren internen Raum sind alle anderen Konfigurations-Parameter. Zum Beispiel, um eine Galerie, benutzen Sie einfach:

Wenn Sie möchten, um einige Optionen (siehe Website für vollständige Liste) nur verwenden Sie die folgende Syntax:

Im Internet finden Sie andere, wie zum Beispiel Highslide JS. Tatsächlich, wenn Sie wollen, sagen einige andere Bibliothek ... Allerdings, ich persönlich bevorzuge Shadowbox für Einfachheit, Skalierbarkeit und Cross-Rahmen.

Bewertung: 9 - Home Page Shadowbox 1.0b

Verwandte Post

• Alle Leuchtkasten Klone in einem dynamischen Matrix (7)
• Light-Galerie: Lightview 2.0.0_rc1 (1)
• Shadowbox assetURL: Stellen Sie den Pfad der Bilder (2)
• Accessibility und Usability: unaufdringlich Javascript (4)
• Restyling: Animation und Interaktivität (0)

Wie ist eine Behinderung Textfeld Input-Modus? Da die Eigenschaft enabled ist nicht verfügbar, können Sie eine einfache artifizio: Laufzeit ändern Sie den Status von Textfeld. Zum Glück, Flash-Entwickler sind erlaubt, um den Status eines Textfeld auch Laufzeit, durch die type der type Daraus folgt, dass, wenn ein Textfeld eingefügt in der Phase als Eingabe (dann type="input" Code können sie in eine "statische". In der Tat, sich in dynamischen Text type="dynamic" die visuelle Ergebnis ist das gleiche. Die artifizio funktioniert wie sowohl die Input-Textfeld Textfeld, dass die dynamischen Eigenschaften teilen sich die gleiche text Also, wenn ich einen Text in ein Textfeld-Eingang, wenn sie sich in einem dynamischen Textfeld ich nur das Gefühl, dass er nicht noch Zeichen! Ich deaktiviert oder die Eingabe Textfeld!

Das Objekt Textfeld kann auch als MovieClip, dann könnten wir benutzen Sie den folgenden Code nützlich:

Verwandte Post

• Flash: Wie zu initialisieren Komponenten im Konstruktor einer Klasse (2)
• Die Ausweitung des MovieClip in Adobe Flash MX (1)
• Add-Eigenschaft auf ein MovieClip (3)
• Unaufdringliche Flash-Objekte (1)
• Umapa Flash Component (Beta V0.6) (0)

In der Post Erweiterung der MovieClip in Adobe Flash MX hatte gezeigt, einige Techniken für die Erweiterung einer MovieClip. Insbesondere habe ich gesagt, dass die Verwendung von MovieClip.prototype hat nicht zulassen, dass die Erweiterung, sondern nur Methoden:

[...] Zwei wichtige Grenzen dieser Technik sind:

1. Es kann nicht angewandt werden, um alle Objekte von Flash
2. Mai werden "fügte hinzu:" nicht nur Methoden und Eigenschaften [...]

In Wahrheit ist es möglich, mit einem Durchgang mehr dynamisch hinzuzufügen Eigenschaften auch mit MovieClip.prototype Vor der Einführung function get Funktion function get function set in der Tat, Flash erlaubt den Zusatz von Eigenschaften (Lesen / Schreiben oder nur Lesen) durch die Methode addProperty() In der Praxis bedeutet dies, in der Methode addProperty() die Definition von zwei Funktionen Getter und Setter. Die Setter null ist null zu machen, um Nur-Lese-Eigenschaft. Zum Beispiel, wenn wir wollten, um alle MovieClip mit einer neuen Eigenschaft _alpha hinzufügen können, Animation, basta schreiben den folgenden Code ein:

Von nun an, wenn wir ein Symbol "miosimbolo_mc" können wir nutzen diese neueren Eigenschaften:

Was Sie nicht tun können, ist jedoch zu überschreiben die bestehenden Eigentums, das ist der Grund, warum ich _alpha_tween statt _alpha Hier also, einen guten Grund zu der Verwendung der 2,0-Klassen zu erweitern - und das Ergebnis - alle MovieClip.

Verwandte Post

• OO schreiben gute Code in Adobe Flash (1)
• Flash: Wie zu initialisieren Komponenten im Konstruktor einer Klasse (2)
• Die Ausweitung des MovieClip in Adobe Flash MX (1)
• Flash: deaktivieren Sie ein Textfeld-Modus-Eingang (1)
• Erstellen Sie MovieClip im obersten Modal (1)

Ich benutze zwei Techniken zur Erweiterung der Funktionalität eines MovieClip. Die erste, auch in früheren Versionen von Flash MX, verwenden Sie die Eigenschaft prototype ein Zeiger auf die Superklasse (Mutter), wie sie im Handbuch:

Ein Verweis auf die Superklasse der Klasse ein Objekt oder eine Funktion. Das Anwesen prototype wird automatisch erstellt und im Zusammenhang mit jeder Klasse oder Funktion Objekt erstellt. Diese Immobilie ist eine statische und spezifische Klasse oder Funktion erstellt. Zum Beispiel, wenn Sie eine benutzerdefinierte Klasse, der Wert der Immobilie prototype wird von allen Instanzen der Klasse und ist nur als eine Eigenschaft der Klasse. Die Instanzen von Brauch-Klasse kann nicht direkt Zugriff auf das Eigentum prototype den Zugang durch das Eigentum __proto__

Einer der Vorteile der Verwendung von prototype mit den MovieClip, liegt die Verlängerung aller MovieClip, keine esluso. In der Tat Sie noch eine Verlängerung zu senden alle MovieClip statisch oder dynamisch. Zum Beispiel, ein bequemer Verlängerung können sein:

Lesen Sie weiter ... "

Verwandte Post

• Add-Eigenschaft auf ein MovieClip (3)
• OO schreiben gute Code in Adobe Flash (1)
• Flash: deaktivieren Sie ein Textfeld-Modus-Eingang (1)
• Flash: Wie zu initialisieren Komponenten im Konstruktor einer Klasse (2)
• Unaufdringliche Flash-Objekte (1)