Веб-разработка

индекс
236,86

JQuery: Пара сотен плагинов в одной заметке

Итак... Прошу в мир JQuery

Form Validation

jQuery Validation.
Auto Help.
Simple jQuery form validation.
jQuery XAV - form validations.
jQuery AlphaNumeric.
Masked Input.
TypeWatch Plugin.
Text limiter for form fields.
Ajax Username Check with jQuery.

File upload

Ajax File Upload.
jQUploader.
Multiple File Upload plugin.
jQuery File Style.
Styling an input type file.
Progress Bar Plugin.

Form - Select Box stuff

jQuery Combobox.
jQuery controlled dependent (or Cascadign) Select List.
Multiple Selects.
Select box manipulation.
Select Combo Plugin.
jQuery - LinkedSelect
Auto-populate multiple select boxes.
Choose Plugin (Select Replacement).

Form Basics, Input Fields, Checkboxes etc.

jQuery Form Plugin.
jQuery-Form.
jLook Nice Forms.
jNice.
Ping Plugin.
Toggle Form Text.
ToggleVal.
jQuery Field Plugin.
jQuery Form’n Field plugin.
jQuery Checkbox manipulation.
jTagging.
jQuery labelcheck.
Overlabel.
3 state radio buttons.
ShiftCheckbox jQuery Plugin.
Watermark Input.
jQuery Checkbox (checkboxes with imags).
jQuery SpinButton Control.
jQuery Ajax Form Builder.
jQuery Focus Fields.
jQuery Time Entry.

Time, Date and Color Picker

jQuery UI Datepicker.
jQuery date picker plugin.
jQuery Time Picker.
Time Picker.
ClickPick.
TimePicker.
Farbtastic jQuery Color Picker Plugin.
Color Picker by intelliance.fr.

Rating Plugins

jQuery Star Rating Plugin.
jQuery Star Rater.
Content rater with asp.net, ajax and jQuery.
Half-Star Rating Plugin.

Search Plugins

jQuery Suggest.
jQuery Autocomplete.
jQuery Autocomplete Mod.
jQuery Autocomplete by AjaxDaddy.
jQuery Autocomplete Plugin with HTML formatting.
jQuery Autocompleter.
AutoCompleter (Tutorial with PHP&MySQL).
quick Search jQuery Plugin.

Inline Edit & Editors

jTagEditor.
WYMeditor.
jQuery jFrame.
Jeditable - edit in place plugin for jQuery.
jQuery editable.
jQuery Disable Text Select Plugin.
Edit in Place with Ajax using jQuery.
jQuery Plugin - Another In-Place Editor.
TableEditor.
tEditable - in place table editing for jQuery.

Audio, Video, Flash, SVG, etc

jMedia - accessible multi-media embedding.
JBEdit - Ajax online Video Editor.
jQuery MP3 Plugin.
jQuery Media Plugin.
jQuery Flash Plugin.
Embed QuickTime.
SVG Integration.

Photos/Images/Galleries

ThickBox.
jQuery lightBox plugin.
jQuery Image Strip.
jQuery slideViewer.
jQuery jqGalScroll 2.0.
jQuery - jqGalViewII.
jQuery - jqGalViewIII.
jQuery Photo Slider.
jQuery Thumbs - easily create thumbnails.
jQuery jQIR Image Replacement.
jCarousel Lite.
jQPanView.
jCarousel.
Interface Imagebox.
Image Gallery using jQuery, Interface & Reflactions.
simple jQuery Gallery.
jQuery Gallery Module.
EO Gallery.
jQuery ScrollShow.
jQuery Cycle Plugin.
jQuery Flickr.
jQuery Lazy Load Images Plugin.
Zoomi - Zoomable Thumbnails.
jQuery Crop - crop any image on the fly.
Image Reflection.

Google Map

jQuery Plugin googlemaps.
jMaps jQuery Maps Framework.
jQmaps.
jQuery & Google Maps.
jQuery Maps Interface forr Google and Yahoo maps.
jQuery J Maps - by Tane Piper.

Games

Tetris with jQuery.
jQuery Chess.
Mad Libs Word Game.
jQuery Puzzle.
jQuery Solar System (not a game but awesome jQuery Stuff).

Tables, Grids etc.

UI/Tablesorter.
jQuery ingrid.
jQuery Grid Plugin.
Table Filter - awesome!.
TableEditor.
jQuery Tree Tables.
Expandable “Detail” Table Rows.
Sortable Table ColdFusion Costum Tag with jQuery UI.
jQuery Bubble.
TableSorter.
Scrollable HTML Table.
jQuery column Manager Plugin.
jQuery tableHover Plugin.
jQuery columnHover Plugin.
jQuery Grid.
TableSorter plugin for jQuery.
tEditable - in place table editing for jQuery.
jQuery charToTable Plugin.
jQuery Grid Column Sizing.
jQuery Grid Row Sizing.

Charts, Presentation etc.

jQuery Wizard Plugin .
jQuery Chart Plugin.
Bar Chart.

Border, Corners, Background

jQuery Corner.
jQuery Curvy Corner.
Nifty jQuery Corner.
Transparent Corners.
jQuery Corner Gallery.
Gradient Plugin.

Text and Links

jQuery Spoiler plugin.
Text Highlighting.
Disable Text Select Plugin.
jQuery Newsticker.
Auto line-height Plugin.
Textgrad - a text gradient plugin.
LinkLook - a link thumbnail preview.
pager jQuery Plugin.
shortKeys jQuery Plugin.
jQuery Biggerlink.
jQuery Ajax Link Checker.

Tooltips

jQuery Plugin - Tooltip.
jTip - The jQuery Tool Tip.
clueTip.
BetterTip.
Flash Tooltips using jQuery.
ToolTip.

Menus, Navigations

jQuery Tabs Plugin - awesome! . [demo nested tabs.]
another jQuery nested Tab Set example (based on jQuery Tabs Plugin).
jQuery idTabs.
jdMenu - Hierarchical Menu Plugin for jQuery.
jQuery SuckerFish Style.
jQuery Plugin Treeview.
treeView Basic.
FastFind Menu.
Sliding Menu.
Lava Lamp jQuery Menu.
jQuery iconDock.
jVariations Control Panel.
ContextMenu plugin.
clickMenu.
CSS Dock Menu.
jQuery Pop-up Menu Tutorial.
Sliding Menu.

Accordions, Slide and Toggle stuff

jQuery Plugin Accordion.
jQuery Accordion Plugin Horizontal Way.
haccordion - a simple horizontal accordion plugin for jQuery.
Horizontal Accordion by portalzine.de.
HoverAccordion.
Accordion Example from fmarcia.info.
jQuery Accordion Example.
jQuery Demo - Expandable Sidebar Menu.
Sliding Panels for jQuery.
jQuery ToggleElements.
Coda Slider.
jCarousel.
Accesible News Slider Plugin.
Showing and Hiding code Examples.
jQuery Easing Plugin.
jQuery Portlets.
AutoScroll.
Innerfade.

Drag and Drop

UI/Draggables.
EasyDrag jQuery Plugin.
jQuery Portlets.
jqDnR - drag, drop resize.
Drag Demos.

XML XSL JSON Feeds

XSLT Plugin.
jQuery Ajax call and result XML parsing.
xmlObjectifier - Converts XML DOM to JSON.
jQuery XSL Transform.
jQuery Taconite - multiple Dom updates.
RSS/ATOM Feed Parser Plugin.
jQuery Google Feed Plugin.

Browserstuff

Wresize - IE Resize event Fix Plugin.
jQuery ifixpng.
jQuery pngFix.
Link Scrubber - removes the dotted line onfocus from links.
jQuery Perciformes - the entire suckerfish familly under one roof.
Background Iframe.
QinIE - for proper display of Q tags in IE.
jQuery Accessibility Plugin.
jQuery MouseWheel Plugin.

Alert, Prompt, Confirm Windows

jQuery Impromptu.
jQuery Confirm Plugin.
jqModal.
SimpleModal.

CSS

jQuery Style Switcher.
JSS - Javascript StyleSheets.
jQuery Rule - creation/manipulation of CSS Rules.
jPrintArea.

DOM, Ajax and other jQuery plugins

FlyDOM.
jQuery Dimenion Plugin.
jQuery Loggin.
Metadata - extract metadata from classes, attributes, elements.
Super-tiny Client-Side Include Javascript jQuery Plugin.
Undo Made Easy with Ajax.
JHeartbeat - periodically poll the server.
Lazy Load Plugin.
Live Query.
jQuery Timers.
jQuery Share it - display social bookmarking icons.
jQuery serverCookieJar.
jQuery autoSave.
jQuery Puffer.
jQuery iFrame Plugin.
Cookie Plugin for jQuery.
jQuery Spy - awesome plugin.
Effect Delay Trick.
jQuick - a quick tag creator for jQuery.
Metaobjects
.
elementReady.

FOnte: http://www.kollermedia.at

+7
24 июля 2008, 15:01
956

комментарии (75)

+12
Sharn #
В избранное, однозначно!
0
piloter #
Замечательная подборка. Только вот не могу найти на jQuery слайдшоу-галерею, которая была бы похожа, на имхо лучшую http://smoothgallery.jondesign.net/
0
borius #
имхо
такого рода галерейка на $.() пишется за один день-)

И она ваще то далеко не лучшая, функциональность нулевая…
0
Denys #
какие есть варианты?
предлагайте :)
0
borius #
А вас что именно интересует, фаст-фуд (готовые решения) или характеристики которыми можно наделить галерейку ?)
0
Denys #
и то и другое :)
0
borius #
Ну как бы про готовые галерейки могу мало что сказать много посмотрел ничего интересного не нашел

а про функциональность много чего могу сказать:

1)ajax-om подгружать все а не зашивать в код. (лично JSONом пользуюсь в котором хранится вся информация)

2.1) поддержка все же альбомов в которых уже будут располагаться фотки
2.2) навигация сверху-снизу по альбомам (одно из изображении)
2.3) при прокрутке колесика должна двигатся цепочка (примерно как в яндекс.картинках) при этом можно анимированно сделать
2.4) при нажатии фотки из альбома она может становится больше чем другие или как нить иначе называтся
2.5) под ней можно подписать название альбома

3.1)сбоку навигация по фоткам тоже самое с колесиком
3.х) все тоже самое

4) изображение, если покрутить колесиком можно переходить на след. изображение из альбома, если до конца альбома дойти то переход на соответсвенно следующий(передедущий) альбом
4.1) при нажатии мышки перейти на след альбом

и побольше естественной анимации и тп=)

короче пока что это все что я реализовал=) скорее всего будут еще идеи…

2)
0
borius #
я сейчас в принципе дописываю, свою галерейкосайт, потом статью об этом опубликую. =)
+2
hardtop #
Супер-полезно. Спасибо.
+2
Timmmm #
Спасибо.
+2
juwain #
В библиотеку!
+2
hintos #
Спасибо! Нашел кучу того, что раньше делал другими, более "сложными" способами :)
НЛО прилетело и опубликовало эту надпись здесь
0
serzhb #
Спасибо. Особенно понравились плюгины для работы с Google Maps, думал самому придётся писать, а тут уже всё написано оказывается.
0
kurokikaze #
Спасибо.
+5
BekoBou #
Чем этот топик отличается от обычно поискового запроса? Я не говорю, что это не полезно, но сколько времени прийдётся потратить для обзора всех ссылок.

Если бы было хотя бы краткое описание или обзор (намного предпочтительнее). Кучи ссылок, которые «повторяют» друг друга в том или ином смысле.

Данный топик можно было просто оформить как ссылку, т.к. дополнительной информации автор в него не принёс, а только перепечатал исходную запись.
+5
chetzof #
всегда найдутся недовольные
0
cbone #
Там что можно пройтись по списку и ознакомиться. На будущее знать какие есть решения, а не кидаться искать плагин когда горит сдача проекта например
–4
Markovnin #
а по-русски писать уже не модно?
+1
kuroles #
а вы чурка неграмотный?
–5
Markovnin #
а вы?
вам приятнее русское название читать или английское?
+1
the_bee #
ЖЗапрос?
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
+6
RZK333 #
теперь напиши к каждому русский ман и тебе цены не будет :)
0
Banzeg #
Оригинальничать не буду. В мемориз!
–2
caIIIa #
За каким лешим нужно сюда копипастить то, что есть на http://plugins.jquery.com/
И на что пользователям интерента дан google...?
0
Sharn #
По вашей логике хабр можно прикрыть, раз гугл есть. Так получается?
–1
caIIIa #
По моей логике нет никакой необходимости в статьях, содержащих материал, и так уже находящийся в открытом доступе.
0
Sharn #
Может у вас куча времени, чтобы постоянно сидеть и искать нужный материал в открытом доступе, у меня к сожалению столько времени нет. Мне очень нравится хабр и я очень рад, что вся интересующая меня информация может быть найдена именно здесь.
0
caIIIa #
Умеючи - то времени тратится не больше, чем залезть в "мои закладки"
0
Sharn #
Вы ходите в магазин за продуктами? Вы каждый раз ходите в разные магазины или в тот, который поближе к дому/работе? Ведь продукты продаются в открытом доступе...
–1
caIIIa #
Некорректное сравнение. Если методика используется часто - помочь её вспомнить сможет уже готовый проект, если нечасто, но интересно - добавил себе в делишез и всё.

Да, я покупаю разные продукты в разных магазинах. Вопрос ближе-дальше не стоит, я езжу на машине
0
kosenka #
почему-то "мои закладки", вылетают с ошибкой "504 Gateway Time-out"
0
Denys #
На plugins.jquery.com представлены не все плагины, много чего там нет, что есть тут.
Тут список по разделам разложен, а в гугле еще искать нужно.
–6
caIIIa #
А с какого времени habrahabr стал ресурсом для пользователей, не умеющих читать ответы поисковиков???
0
Denys #
тогда вообще какой смысл сайтов, блогов и т.д., если можно заглянуть в поисковик. Неуж-то кому-то хочется вернутся назад во времена зарождения сети? Тогда так все и было, были каталоги-"поисковики" в которых можно было найти любые труды, своего образа виртуальная библиотека...
0
netstuff #
За каким лешим нужно писать «И на что пользователям интерента дан google...»?
Я вот вообще на RSS-подписан. Никуда лазить не надо — приносят на всем готовеньком =)
–1
The_end #
Подборка - гуд.

jQuery, конечно, - эт о круто, но еще ж и mootools есть ;)
0
gentleman #
А еще prototype, Y, dojo, ExtJS, наконец (или на начало:) ). Много чего есть, но все не поместить в один топик. P.S. сам больше люблю moo )
0
amduscias #
Спасибо большое!
0
ryazantsev #
Спасибо огромное! Я от вэб-разработки довольно далек, однако что-то из этих плагинов может пригодиться! В избранное :)
0
pahan #
Расписано всё как по нотам)
Спасибо огромное за ссылки.
И конешно в избранное, однозначно!
0
DYPA #
стоит добавить еще: http://jqueryjs.googlecode.com/svn/trunk/plugins
0
KELiON #
Классная подборка, мне особенно понравились alert и confirm на jquery, как раз собирался сам писать, а тут вот прямо вовремя появилась подборка эта! Спасибо!
0
gonza #
Есть замечательный сайт ajaxrain.com - все разложено по полочкам и со скриншотами-описаниями.
–3
blasto #
СЕНКЬЮ!!! ВИЛ ПУТ ИН МАЙ ФЭЙВОРИТС!!!
0
mihalich #
Expandable “Detail” Table Rows. не работает ссылка
0
dohlik #
Да уж... ни рыба, ни мясо. Список ссылок без описаний, короче сыровато ИМХО. Хотя свою пачку юзеров, занесших его в закладки и успешно забывших (судя по плюсам) тоже найдет.
0
kulikoff #
Вместо всей этой кучи ссылок можно было привести всего одну: http://plugins.jquery.com/
+1
R1nat #
Или же вот эту http://www.sastgroup.com/jquery/240-plugins-jquery ?
0
TiGR #
Угу, и оформить пост в виде ссылки.
+1
caIIIa #
Нет, это не модно, модно накручивать себе карму, перепостивая сюда.
0
EugeneDest #
Не в обиду, но с таким «подходом», вы работу себе не скоро найдете, имхо.
0
caIIIa #
А я её и не ищу, она у меня и так есть и нашёл я её давно.
0
andrei202 #
Я пока работал только с mootools, но увидев такое разнообразие плагинов начал подумывать об осваивании jQuery.
0
gigigi #
спасибо
0
XAMelleOH #
Бегло прошелся по ссылкам с демками - общее впечатление, что около половины плагинов не поддерживают необходимый минимум ( O/FF/IE/S ), особенно часто забивают на Оперу, видимо потому, что в Америке Опера не сильно распространена. :(
0
DEViANCE #
Хорошая работа. Спасибо.
–1
silentroach #
а нафига?
0
lgar #
громедное спасибо!!!
0
TiGR #
Может быть переместите в блог jquery?
+1
Glook #
stop it, stop it, please! ))))

мои "пять копеек" http://www.ajaxrain.com/tagcloud.php?tag…
0
samkov #
Считайте за рекламу... Я веду свой блог - практически вся документация по jQuery есть на русском языке, а не только плагины. Кстати и плагины представлены. Конечно далеко не все, но с довольно подробным разбором их функционирования. Тоже на русском языке.
0
ilyafd #
И что же это за блог?
0
samkov #
А, ну да.... Сам улыбнулся! http://www.linkexchanger.su/category/jquery-dokumentaciya
–1
alexbig #
предлагаю всё это подключить на одноклассниках!
0
karass #
Спасибо. Много идей для интерфейса.
0
morph #
(кажеться не писали об этом в комментах)

цены не было бы посту, если автор будет держать список в актуальном состоянии:)
остальные могут помогать тоже добавляя чтото свое в комменты или по лс
0
be_happy #
Спасибо, полезно.
0
vitovt #
а может кто-то находил хороший drag and drop плагин, ато Table Drag and Drop не совсем то что нужно и нету «визуального» эффекта перетягивания элементов )
0
iliacmd #
отличная подборка
0
3ybHa9_Fe9 #
вот до сих пор захожу и что нибудь интересное да нахожу=)
0
DeDraw #
Не хватает примеров. И это уже давно стало купи паст, обидно
0
dmgorsky #
LinkLook не очень :-\
imgPreview лучше настраивается.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.