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/