jQuery: wie man ein Plugin Verlängerung

Dienstag, 23. September 2008

Wie alle Buchhandlungen dieser Art auch jQuery ermöglicht es Ihnen, ihre grundlegenden Funktionen mit echten Plugin. Die Einhaltung der Regeln seiner Tätigkeit, nämlich restituiendo immer einen Zeiger auf das ausgewählte oder jQuery selbst, können Sie ein Plugin mit ein paar Zeilen Code. Nehmen Sie als Beispiel den Code im jQuery gegen alle: ein Benchmark mit 5 Browser, die (nach der Korrektur von Lukas):

Plain Text
JavaScript:
  1. ) . css ( 'cursor' , 'pointer' ) . click ( $ ( 'H2.dropdown "). CSS (" Cursor "," Zeiger "). Klicken Sie auf (
  2. Funktion () (
  3. $ ( this ) . next ( ) . is ( ':hidden' ) ) $ ( this ) . next ( ) . slideDown ( ) ; else $ ( this ) . next ( ) . slideUp ( ) ; if ($ (this). next (). ist ( ': versteckt')) $ (this). next (). slideDown (); else $ (this). next (). slideUp ();
  4. )
  5. );

Lesen Sie weiter ... "

Verwandte Post

Tags:
Im Internet veröffentlicht, Javascript, Entwicklung, Tutorials, jQuery | 3 Kommentare »

Einfache Akkordeon mit der Klasse USimpleTabStrip

Mittwoch, 20. August 2008

Die Klasse USimpleTabStrip vorgelegt Einfache unaufdringlich TabStrip, kann auch verwendet werden, um ein einfaches Menü Akkordeon.
Mit den Auswirkungen der BlindUp() und BlindDown() von scriptaculous:

Plain Text
JavaScript:
  1. Funktion init () (
  2. ; UTS = new USimpleTabStrip ();
  3. ; UTS. Init ();
  4. ( e ) { UTS. OnShow = function (e) (
  5. ( e ) ; neuen Effekt. BlindDown (e);
  6. )
  7. ( e ) { UTS. OnHide = function (e) (
  8. ( e ) ; neuen Effekt. BlindUp (e);
  9. )
  10. )

E Neupositionierung des HTML (HTML-Code):

Plain Text
HTML:
  1. > <div class = "accordion">
  2. > Accordion 1 </a> <a href = "#acc1"> Akkordeon 1 </ a>
  3. > </a> <a name = "acc1"> </ a>
  5. <h1> Inhalt # 1 </ h1>
  6. <p> Bla bla bla .... </ p>
  7. </ Div>
  9. > Accordion 2 </a> <a href = "#acc2"> Akkordeon 2 </ a>
  10. > </a> <a name = "acc2"> </ a>
  12. <h1> Inhalt # 2 </ h1>
  13. <p> Bla bla bla .... </ p>
  14. </ Div>
  16. > Accordion 3 </a> <a href = "#acc3"> Akkordeon 3 </ a>
  17. > </a> <a name = "acc3"> </ a>
  19. <h1> Inhalt # 3 </ h1>
  20. <p> Bla bla bla .... </ p>
  21. </ Div>
  23. </ Div>

Das Ergebnis ist ein einfaches Menü Akkordeon, die verwendet werden können in einer Art und Weise sehr schnell.

Verwandte Post

Schlagwörter:
Im Internet veröffentlicht, Javascript, Entwicklung, Tutorials | Kein Kommentar »

Einfache unaufdringlich TabStrip

Donnerstag, 14. August 2008

USimpleTabStrip ist ein unaufdringlich JavaScript, um die klassischen Sprungnavigation (noch) innerhalb einer HTML-Seite. Diese Quelle ist eine Verbesserung der Funktion, die in dezenten TabStrip. In dieser Version auch, um den Code zu Release 1.6 von prototype.js hat eine echte Klasse für die Verwaltung der TabStrip. Die Freigabe ist sehr einfach und unkompliziert. Seine wichtigste Arbeit liegt in der Zugabe einer Veranstaltung klicken Sie auf den normalen Link Anker. Sind auch nicht CSS-Stile, nur um die maximale Freiheit des Handelns, aber Sie können sich eine effektive TabStrip mit wenigen Zeilen CSS hinzufügen, finden Sie unter Hinzufügen CSS unten.

HTML-Code

Die Klasse USimpleTabStrip auf eine sehr einfache HTML-, Anker sftuttando <a name></a>

Plain Text
HTML:
  1. <! - Einfache Liste von Links auf der Seite ->
  3. > Link 1 </a> </li> <a href = "#tbs1"> Link 1 </ a> </ li>
  4. > Link 2 </a> </li> <a href = "#tbs2"> Link 2 </ a> </ li>
  5. > Link 3 </a> </li> <a href = "#tbs3"> Link 3 </ a> </ li>
  6. </ Ul>
  8. <! - Blocks / Tabs ->
  10. > </a> <a name = "tbs1"> </ a>
  12. <h1> Card # 1 </ h1>
  13. <p> Bla bla bla .... </ p>
  14. </ Div>
  16. > </a> <a name = "tbs2"> </ a>
  18. <h1> Card # 2 </ h1>
  19. <p> Bla bla bla .... </ p>
  20. </ Div>
  22. > </a> <a name = "tbs3"> </ a>
  24. <h1> Card # 3 </ h1>
  25. <p> Bla bla bla .... </ p>
  26. </ Div>

Das Tag div knapp unter den Anker a arbeiten aus dem Behälter.

Lesen Sie weiter ... "

Verwandte Post

Tags:
Im Internet veröffentlicht, Javascript, Entwicklung, Tutorials | 1 Kommentar »

Text Ersetzung Techniken in Flash

Mittwoch, 25. Juni 2008

Die Technik Text Ersetzung Ich bin heute ist in einigen Punkten, sehr interessant. Im Gegensatz zum klassischen Bild, um es zu ersetzen durch CSS, diese Technik verwendet einen Flash-Film, um die Titel von unserer Seite. Obwohl es ein bisschen mehr, weil sie die Schaffung eines Flash-Films und die Verwendung von Javascript, um eine Reihe von Vorteilen nicht gleichgültig:

  • Pflegen Sie die "Zugänglichkeit der Website mit einer True-unaufdringlich-Javascript, damit die Crawler und Spinnen weiterhin, um zu sehen, die Seite so einfach und korrekte HTML
  • Es ist es nicht erforderlich, die Schaffung von Bildern für n Titel. Nur ein Film zu ersetzen alle Titel der Website, mit erheblichen Einsparungen bei den Downloads
  • Ermöglicht Ihnen die Erstellung einfacher Titel, aber mit Font normalerweise nicht auf dem Web
  • Der Text kann erbracht werden in HTML, dank der Eigenschaften von Flash
  • Der Text ist wählbar
  • Als Flash-Film können Sie Interaktivität und Animation aller Art

Beachten Sie auch, dass dieses Verfahren in der CSS sind praktisch nicht berücksichtigt!

Lesen Sie weiter ... "

Verwandte Post

Tags:
Veröffentlicht in ActionScript, Actionscript 3.0, Ajax, Flash, Flash CS3, Grafik & Design, Internet, Javascript, Entwicklung, Technik, Tutorials | Kein Kommentar »

Unaufdringliche Javascript: un po 'di Klarheit und Auge für Betrüger

Sonntag, 13. April 2008

Einige Skripte, und einige Web, mit einigen Javascript Identität nicht-intrusive (unauffällig), auch wenn sie gar nicht. Was macht ein Skript (in der Regel JavaScript) werden nicht als störend empfinden? Im Prinzip wird eine JavaScript-Skript ist nicht aufdringlich, wenn möglicherweise weniger von ihr! Ganz einfach! Bei der Entwicklung einer Web-Site Usability Es sollte nicht davon abhängen, alle Skript. Nur in diesem Fall haben wir eine echte Skript unaufdringlich. Lesen Sie weiter ... "

Verwandte Post

Tags:
Im Internet veröffentlicht, Javascript, Entwicklung | 1 Kommentar »

Shadowbox assetURL: Stellen Sie den Pfad der Bilder

Samstag, 12. April 2008

Wenn Shadowbox Fenster geöffnet sein, um Inhalte (Bild, iframe, Movie, usw. ...), zeigen, bis ein animiertes GIF, dass ist in dem Paket. Wenn die Seite Sie Shadowbox ist die gleiche Höhe wie die Bilder-Ordner, alles funktioniert. Standardmäßig sieht es so aus, für die Shadowbox unter der lebhaften GIF-Bilder / loading.gif - oder Bilder / Lade-light.gif, wenn Sie sich die Stile Licht (shadowbox-light.css). Ansonsten, und oft gibt es auch die Gefahr von nicht accorgesene, wenn wir in einem anderen Baum, erzeugt eine gute Code 404 - Seite nicht Balkenbrücke, in unserem Fall, Datei nicht gefunden!

Um das Problem zu lösen einfach initialisieren Shadowbox mit einem Parameter, die angeben, nur den absoluten Pfad des Ordners Bilder: undolog.com, zum Beispiel, ich das animierte gif Verladeort Bilder direkt in den Ordner, in der Wurzel (wie etwa eine Milliarde anderen Seiten:). Um diesen Ordner zu Shadowbox, unabhängig von dem Weg, habe ich einfach hinzugefügt:

Plain Text
JavaScript:
  1. / / Init shadowbox mit assetURL Parameter
  2. assetURL: 'http://www.undolog.com/' } ) ; Shadowbox. Init ((assetURL: "http://www.undolog.com/ '));

Verwandte Post

Tags:
Veröffentlicht in CSS, Design & Grafik, Internet, Javascript, Entwicklung | 2 Kommentare »

Alle Leuchtkasten Klone in einem dynamischen Matrix

Freitag 11. April 2008

Planetozh hat einen herrlichen dynamisches Instrument, das eine Liste von allen JavaScript-Bibliotheken wie Lightbox.

Bild

Bild Durch ein Panel (siehe Bild links) mit einer Reihe von "check" (Prüfung), in denen die verschiedenen Funktionen der Bibliotheken, können Sie einen Filter den Erhalt der Liste mit einem oder mehreren Bibliotheken, die wir können. Wir hoffen, dass der Autor behauptet, aktualisiert dieser fantastischen Seite, nützlich bei der Suche nach den zahlreichen und immer mächtiger Bibliotheken dieses Typs.

Verwandte Post

Tags:
Veröffentlicht in CSS, Design & Grafik, Internet, Javascript, Entwicklung | 7 Kommentare »

Unaufdringliche SWFObject 2,0

Dienstag, 25. März 2008

swfobject SWFObject Javascript ist ein Skript verwendet, um Flash-Inhalte in Web-Seiten Seine wichtigste Aufgabe ist es, die Aufforderung zur Aktivierung der Kontrolle von Microsoft Internet Explorer (das ist jedoch, dass nicht fortgeführten Aktivitäten - siehe hier) und, interessanterweise, die Möglichkeit zu überprüfen, und installieren Sie den Flash Player, wenn erforderlich. SWFObject kann als gute Alternative zu den Kit installieren / erkennen, die von Adobe selbst und erzeugen dell'IDE innerhalb Flash (in allen Versionen). Mit der Version 2.0, SWFObject verbessert ihre Leistung und ihre Verwendung. Wie auf der offiziellen Dokumentation, in Google Code, neu in dieser Version sind so viele, dass es nicht kompatibel mit früheren Versionen. Dies spiegelt sich in der Tat in eine vollständige Überarbeitung des Verhaltenskodex für diejenigen, die entscheiden, die Aktualisierung einer früheren Version 2.0 auf SWFObject.

Das Skript wird nun an die neuesten Standards, sowohl auf der syntaktischen und "non-intrusive". Es unterstützt alle bisherigen Funktionen, wie z. B. die schnelle Installation des Flash-Player, mit einem Code mehr klar und einfach zu bedienen. Die Passage der Parameter, zum Beispiel, JavaScript, Flash-Player (und somit zu unserem Film) ist jetzt viel klarer und flexibler. Auch waren die beiden wichtigsten Modi: statische und dynamische, nach der Seite und Design-Prozess, dass wir tun.

Bon sehr nützlich und die Tatsache, ist das Online-Tool, das den Code SWFObject für uns.

LINK:

Verwandte Post

Tags:
Posted in Flash, Internet, Javascript, Entwicklung | 2 Kommentare »

Scriptaculous Effect.Tween: Wie funktioniert es?

Donnerstag, 20. März 2008

Von allen Bibliotheken "Web 2.0" zur Verfügung, scriptaculous ist sicherlich die meisten schlecht dokumentiert! Auf der offiziellen Website, die oft langsam, die Dokumentation ist unvollständig, schlecht gemacht und schwer zu handhaben. Mit den neuesten Versionen, dann, einige neue Features sind völlig fehlen, ebenso wie der neue Kern-Effekt Tween (Effect.Tween). Letztere, wie die Tween Flash können Sie die einzelnen Übergänge manipulieren. ÜBERSICHT der Basis ist wie folgt: Weiter lesen ... "

Verwandte Post

Tags:
Im Internet veröffentlicht, Javascript, Entwicklung | Kein Kommentar »

Licht Galerie: Lightview 2.0.0_rc1

Dienstag, 19. Februar 2008

Lightview Kürzlich hier unaufdringliche Javascript-Bibliothek für Bildergalerien und vieles mehr. Lightview in 2.0.0_rc1 Release fügt Funktionen zu öffnen, das Fenster mit dem Inhalt, der über die einfache Bild: Flash-Filme, QuickTime , Form und IFRAME! Im Vergleich zur vorherigen Version (1.1.0 -, das nur Bilder), so dass dieses Release-Kandidat von angereichertem Funktionalität in andere Bibliotheken. Die Werkzeuge von Lighview zu arbeiten, sind die arcinoti Prototype 1.6.0.2 und scriptaculous 1.8.1. Gliattributi zur Verwaltung der Bibliothek class und rel

Un'aspetto interessante dieser Bibliothek ist die extreme Sorgfalt, mit der die Grafiken zeigen.

Bewertung: 9 - Home Lightview

Verwandte Post

Tags:
Veröffentlicht in Ajax, CSS, Grafik & Design, Internet, Javascript, Entwicklung | 1 Kommentar »