Столкнулся с интересной “особенностью” - JQuery clone при копировании полей форм не сохраняет выбранные значения Select. Помогает гуглопоиск по соответствующей формулировке. Как выяснилось, с копированием значений полей форм input, textarea и других

#3016 (Textarea loses current value when cloned)
jquery clone doesn’t copy selected value

Читать целиком »

При использовании ajax-запроса приходилось наблюдать ситуацию, когда вместе с текстовым контентом подгружаются и скрипты (т.е. грузится не только код вроде <div class=…></div>, но и тэги <script ..>

Всё бы ничего, но при вставке данных, к примеру функцией  .html(content) скрипты (тэг script), если они были получены ajax-ом в виде JSON (последний параметр в JQuery функциях, работающих с .ajax)  полученный с сервера результат преобразуется в библиотеке Jquery, приводя к повторной загрузке javascript. Даже если он ранее был загружен и закэширован. Читать целиком »

Полезные плюшки на JQuery

Jeditable - редактирование данных “в тексте” - поле создается при щелчке или другом событии
http://www.appelsiini.net/projects/jeditable

RelCopy - копирование элементов (дополнительный телефон в форме, добавить товар в заказ)
http://www.andresvidal.com/labs/relcopy.html

Несмотря на “корректную” реализацию прозрачности png в IE версии выше 6, при использовании Jquery функций fadeIn, fadeOut (а также fadeTo.. и вообще любых операций с прозрачностью), вокруг  прозрачных PNG-изображений создаётся чёрный ореол (чёрная обводка PNG-изображения).

Дело в том, что в IE версий >6 прозрачность реализована также при помощи фильтров Читать целиком »

В противоположность задаче, рассмотренной в статье про скачивание (загрузку с сервера)  иногда бывает нужно загрузить несколько файлов одновременно (или просто загрузить файл без обновления страницы). Встроенные HTML-формы и ajax (сам по себе) не позволяют загружать файлы без обновления страницы. Решается задача добавлением фрейма (фреймов), в которых и происходит загрузка, либо с использованием FLASH-загрузчика.

Удобный плагин для одновременной загрузки нескольких файлов с использованием Flash - JQuery uploadify . С возможностями плагина можно ознакомиться на официальном сайте. Там же можно посмотреть demo и найти рабочий пример

Некоторые сложности, которые могут возникнуть при работе с Uploadify-плагином : =читать дальше про jquery uploadify

С версии 1.6.1 в JQuery изменилось обращение к атрибутам (attr)

http://blog.jquery.com/2011/05/12/jquery-1-6-1-released/

Если после обновления JQuery перестали работать атрибуты selected/defaultValue/selectedIndex (или вообще не работает JQuery как ожидается) - рекомендую ознакомиться с табличкой атрибутов/свойств JQuery

* For example, with window.location
** If needed over .width()

Собственно, из названия несложно догадаться, что во всех браузерах $JQuery.post(…) работает нормально, а в Internet Explorer - не совсем. Если точнее - не вызывается callback-функция после отправки параметров на сервер (на сервере действия происходят - проблема только в вызове Callback)

Как правило, достаточно настроить сервер для отдачи соответствующих заголовков: про решение проблемы с post jquery callback в IE

Широкое распространение JQuery привело к довольно большому количеству красивых javascript-календарей. Иногда достаточно выбрать нужную дату и подставить в текстовый input. Когда необходимо выбрать несколько дат - начинаются небольшие заминки.

Итак, в поиске JQuery календаря с возможностью множественного выбора дат, наткнулся на статью:
coolwebmasters.com/script-library/834-jquery-calendar-plugins.html

jQuery UI datepicker (”официальный” календарь на JQuery) - выбор тем (естественно, возможность изменить), мультиязычность, выбор промежутка дат…
jqueryui.com/demos/datepicker/
emirplicanic.com/javascript/jquery-highlight-multiple-date.php - подсветка нескольких дат

jQuery Datepicker - очень удобный календарь, большое количество функций (выбор периода, множественный выбор дат, мультиязычность.. в общем, рекомендую)
keith-wood.name/datepick.html

jQuery date picker plug-in от kelvinluck.com - множественный выбор
kelvinluck.com/assets/jquery/datePicker/v2/demo/index.html

Свой выбор остановил на календаре от keith-wood

Под слайдером подразумевается скрипт, который прокручивает картинки как с использованием визуальных эффектов, так и без них. Иногда их называют ротаторами картинок.

Jquery Easy Slider

v 1.0 -http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
v 1.7 - http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

Простой и удобный слайдер изображений или HTML-контента. Все слайды “складываются” в <li> - элементы, прописываются дополнительные стили… и всё

Nivo Slider

Имеет 9 эффектов, работает только с последними версиями браузеров. Демонстрацию работы Вы сможете посмотреть на  официальном сайте.

Coin Slider

Coin Slider – имеет в своем арсенале меньше эффектов, но не менее эффектных, работает со всеми браузерами. Смотрим демо ищем исходники на официальном сайте.

Automatic Image Slider – DEMO и официальный сайт.

Anything Slider – DEMO и официальный сайт.

ZURB’s Orbit Slider - 4KB аккуратный слайдер. Документация и скачивание http://zurb.com/playground/orbit-jquery-image-slider

Roundabout - Не совсем слайдер - вертелка-вращалка объектов (блоки/изображения.. + таймер) http://fredhq.com/projects/roundabout

Вы знаете Jquery-слайдер, который не упоминается в статье? Дополняйте в комментарии!

ps. http://ideaforweb.ru/scripts/30-plaginov-tooltips-dlya-jquery-vsplyvayushchie-podskazki/ jquery-tooltips

Визуальный редактор для создания динамических веб-страниц на JQuery - штука полезная, особенно для начинающих (или так и не начавших) изучать JQuery. Без особых знаний Javascript можно неплохо “напичкать” страницу эффектами. Всё просто, интуитивно понятно, доступно для освоения “методом тыка” (хотя, иметь хотя бы базовое представление о HTML, CSS, и JQuery - лишним не будет).

IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application.

Помимо очевидного преимущества визуального форматирования разработчики ixedit указывают на валидный кроссбраузерный Jquery код, генерируемый редактором и отмечают возможность локального сохранения полученного скрипта - не требует подключения к Internet (однако, для полноценной работы в IE и Mozilla Firefox потребуется установить Gears)