Az oldalon néhány nagyon hasznos JQuery plugin kíséreltem meg összegyűjteni. A gyűjtemény kifejezetten használhatósági szempontokat vett figyelembe. Hasznos gyűjtemények: JQuery hivatalos plugin oldala AZ 1. magyar JQuery Linkgyűjtemény 50 Hasznos JQuery Plugin 240 kategorizált JQuery A legjobb JQuery plugin Kedvenc JQuery Pluginek Sokkoló JQuery Pluginek Használható JQuery komponensek Pluginek HTML űrlapokhoz: ComboBox: Legördülő menűk, minden színben, minden ízben.. FileStyle: Fájlfeltöltéshez használható gomb megváltoztatása. Masked Input: A pluginnel maszkolt adatbevitelt hozhatunk létre input text elemeinkre, és kizárólag csak abban a formában engedi az adatokat beírni (Használata nagyon egyszerű). pl.:? $( #date ).mask( 2008-12-12 );
$( #date ).mask( 2008-12-12 ); FormValidation: Űrlap ellenőrzés, a hibák JavaScript alert( lorem ) alblakban és a hibás input elemek háttere megváltoztatva. Űrlap ellenörzés működés közben Fájlfeltöltés A plugin apropója az, hogy akár egy img elemre is kattinthatunk a fájl kiválasztáshoz. JQuery Editor: jwysiwyg: WYSIWYG jquery Plugin, az editor rendkívül kicsi méreteiben. Alternatívája lehet ennek Hasonló de nagyobb tudású editor Jquery Plugin Validation:
Jquery Plugin Validation: Ez egy űtós eszköz űrlap ellenőrzéshez, bár a szabályokat nekünk kell kézzel felállítani és ez egy-egy nagyobb űrlapnál elég szívás lehet, de profi eszköz. Demo oldal jquery AlphaNumeric: CleanValidator.js: Egyszerű űrlap érték ellenőrzés, email, szám és kitöltés tekintetében. Niceforms űrlap csinosítás: Az eszközzel egyszerű űrlap elemeknek tudunk varázslatos külsőt adni, anélkül hogy komolyabb erőfeszítéseket tennénk. Űrlap elemek csinosítása Checktree: Faszerkezetű Checkbox csekkolása.
Kiterjesztett működés: DotString néhány string kezelő funckióval gazdagítja a JQuery tudását. pl.: (strip, stripscripts,striptags) Effektek: Jscroller2 Ezzel pluginnel gyerekjáték egy scrollozó területett létrehozni, rengeteg effektet ismer. Legutoljára hasonlókat Flash-el láttam. JsScroller2. demo JQuery ahover: Egér fókuszba került elemek kezelésére Nézd meg az Ahovert-t működés közben UI, felhasználói interfészek: Az itt következő pluginekkel a felhasználói élményt nagyban javíthatjuk, de esetenként még a programozó feladatát is megkönnyíti. lásd rendezés esete FileTree: Fájlok kezelését teszti szokatlanul egyszerűvé.
Fájkezelő Demo JQuery Carousel Plugin: Demó MopBox Lapozható dobozt dob a képernyőre és persze mozgathatjuk is, de nem akárhogy Nézd meg működés közben a mopbox-ot Copy Elvileg böngésző független megoldás vágólap kezelére. JQuery Presenter prezentáció készítés, SlideShow. http://code.google.com/p/jquery-presenter/
http://code.google.com/p/jquery-presenter/ demo: http://www.ossrc.org.in/~rahulu/jp/demo/index.html Szavazás csillagokkal: Itt tényleg csillag születik: Interface elements: http://interface.eyecon.ro/ QuickSearch Keresés táblázatban, listaelemekben JQuery Pager: Div elemekbe rendezett adatokat lapozhatóvá teszt. BlockUi Keynav JQuery Navigációk billentyűzetre.
Scrolabble demo TableSorter: Táblázatban megjelenített adatokat rendezhetünk vele. SimpleModal JQuery UI demók: Az oldal a JQuery felhasználói interfészeit igyekszik bemutatni. Billentyűzet kezelés:
jquery Autocomplete Plugin: Gépelés közben kiegészíti a keresésünket. És ez működés közben Jqac: auto-complete/suggest Accordion: Horizontálisan nyíló mezőket tudunk működtetni vele különböző effektekkel. http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ http://jquery.bassistance.de/accordion/demo/ TabStatic: CSS és JS tabmenü Portlets:
Rendezhető, kikapcsolható, dobozok (Linkgyűjtemény szerű (items.hu)). Fogd és Ejtsd funkcióval rendezés. Letöltés JQUploader Fájlfeltöltés JQuery és Flash Dokumentáció JQuery Corner: Elemek sarkait kerekíthetjük (meg egy vagon formára) le vele. Corner oldala InnerFade: Lista elemeket jeleníti meg és tünteti el effektel, de lehet a lista elem tartalma akár kép is. InnerFade Letöltése
ToolTip: egy egérfokuszba került elemhez rendelhetünk vele információs mezőt. Jquery Jtip: Keratítv újszerű megjelenéssel, előtöltéssel, ha éppen képet jelenítenénk meg a tipp ablakban. JQModal: JQuery SVG: SVG elemek megjlenítás JQery-vel JQuery graphtable: Táblázat elemeiből grafikont készít
Flot Graph Table doksi GraphTable demo Naptár: Jquery-ui-datepicker: datepicker: Naptár demó Galéria: Jquery Galleria: JQuery Galéria demó PrettyPhoto: LightBox Clone, galéria.
JQuery Zoom Grafika, grafikon, rajzolás Color Picker Színválasztó Flot: Segítégével egy vászonra pontokat rajzolhatunk, így akár grafikont is készíthetünk vele. A leírásában bent van, hogy IE6-ban is műxik, ez nem semmi. Flot Projekt Flot API doc Jquery Rotate Képeket forgathatunk vele (IE7-től). < a href="http://code.google.com/p/jquery-rotate/">jquery Rotate Menü:
Menü: Lavalamp menü: SuckerFish: SuckerFish FishEye: Slideing menü Effektel elrejthető menü Slideing menü demó GoogleMaps kezelés JQuery-vel: Autohelp; editable; autocomplete; googlemaps; listify Googlemaps TreeView: A plugin segítségével Fa szerkezetű menüt tudunk kezelni
TreeView Demó jstree: Fa szerkezetű menü gyártás minden színben minden ízben. jstree demó Egyéb hasznos: GreyBox galéria: GreyBox honlapja BeyondFlash: Oldalváltás diszkrét Flash és Javascript használatával Hasznos oldalak: http://www.bobbyvandersluis.com/ http://demos.flesler.com/hs/ hasonló bejegyzés: 1. JQuery puska Téma: Webalkalmazás fejlesztés Forrás: http://opendir.hu Szerző: ArtH2O Erdeti URL: http://opendir.hu/webalkalmazas/jquery/353-tobb-mint-50-hasznos-jquery-plugin/