Тэг ‘JQuery’

JQuery clone не копирует selected options

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

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

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

Опубликовано Февраль 4, 2016 | автор: levik  |  Нет комментариев »

Добавляется _=TIMESTAMP или подгрузка скриптов (script) ajax-ом в JQuery

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

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

Опубликовано Октябрь 25, 2012 | автор: levik  |  Нет комментариев »

Полезняшки на JQuery

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

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

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

Опубликовано Ноябрь 23, 2011 | автор: levik  |  Комментарий (1) »

jquery png fadeIn fadeOut и чёрная обводка картинок

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

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

Опубликовано Ноябрь 20, 2011 | автор: levik  |  Нет комментариев »

Мультизагрузка картинок jquery uploadify

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

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

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

Опубликовано Сентябрь 24, 2011 | автор: levik  |  Комментарий (1) »

Jquery - attribute or property (attr vs prop)

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

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

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

Attribute/Property .attr() .prop()
accesskey
align
async
autofocus
checked
class
contenteditable
defaultValue
draggable
href
id
label
location *
multiple
nodeName
nodeType
readOnly
rel
selected
selectedIndex
src
style
tabindex
tagName
title
type
width **

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

Опубликовано Сентябрь 7, 2011 | автор: levik  |  Нет комментариев »

В IE не работает post в jQuery - callback в internet Explorer

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

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

Опубликовано Август 5, 2011 | автор: levik  |  Нет комментариев »

JQuery календарь - календари на Jquery

Широкое распространение 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

Опубликовано Декабрь 14, 2010 | автор: levik  |  Нет комментариев »

JQuery Slider - Слайдеры на JQuery

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

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 SliderDEMO и официальный сайт.

Anything SliderDEMO и официальный сайт.

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

Опубликовано Октябрь 23, 2010 | автор: levik  |  Комментарий (1) »

jquery - ixedit - визуальный редактор JQuery

Визуальный редактор для создания динамических веб-страниц на 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)

Опубликовано Сентябрь 30, 2010 | автор: levik  |  Нет комментариев »