Классный jQuery плагинчик может применить blur на любой html элемент.
Работает в canvas используя алгоритм StackBlur.
Рубрика «jquery» - 45
Blur JS
2012-03-23 в 16:39, admin, рубрики: javascript, jquery, jquery plugins, веб-дизайн, Веб-разработка, метки: javascript, jquery, jquery pluginsСоздание Windows-подобного интерфейса при помощи jQuery UI. Часть 1
2012-03-22 в 16:12, admin, рубрики: html, jquery, jQuery UI, Веб-разработка, интерфейсы, метки: html, jquery, jQuery UI, интерфейсы Статья рассчитана на пользователей только начинающих работать с jQuery UI и желающих на практике познакомиться с этой библиотекой.
Под Windows-подобностью интерфейса предполагаются такие основные свойства как — наличие окон, возможность их перетаскивания, возможность изменения размера окон, их свертывания/развертывания и т.д. Вот что должно получиться в итоге.
Итак, имеем желание создать пример интерактивного пользовательского Windows-подобного интерфейса и возможности использовать для этой цели jQuery UI – тогда, добро пожаловать под кат.
Читать полностью »
jQuery File Upload
2012-03-21 в 13:16, admin, рубрики: jquery, jquery plugins, uploader, метки: jquery, jquery plugins, uploaderУра! Еще один, свеженький… чем он лучше других?
а) Новенький! Всегда кто берется что-то делать, то обычно смотрит, есть ли смысл, и если есть — делает это.
б) Красивенький! Можно не точить, а ставить из коробки. Основан на Bootstrap'е и иконках Glyphicons
в) Само собой мультиселект файлов, Drag&drop, Прогрессбар и превьюшки фотографий.
г) Поддержка кросдоменного соединения, докачка и ресайз фоток на стороне клиента.
д) Готов для любой платформы сервера (PHP, Python, Ruby on Rails, Java, Node.js, и тому подобное.)
Вывод и фильтрация больших таблиц данных с помощью плагина DataTables + ColumnFilter. Часть 2
2012-03-21 в 8:50, admin, рубрики: DataTables, DataTables Column Filter, jquery, jquery plugin, Веб-разработка, таблицы данных, метки: DataTables, DataTables Column Filter, jquery, jquery plugin, таблицы данных В первой части статьи рассказывалось об использовании плагина DataTables для вывода больших таблиц данных в режиме обработки данных на стороне сервера и применении дополнения Column Filter для индивидуальной фильтрации по столбцам
В этой части речь пойдет о более продвинутом использовании дополнения Column Filter, включающем:
- создание фильтров в виде списков с множественным выбором (т.е. с возможностью выбора нескольких значений);
- построение цепочек зависимых списков фильтрации.
Расширение функциональности элемента input type=”text” до уровня «ComboBox»
2012-03-19 в 5:53, admin, рубрики: asp.net mvc, jquery, jquery plugins, метки: asp.net mvc, jquery pluginsВведение
В сети существует огромное количество плагинов для реализации какого рода расширений. К сожалению (к счастью ?) все они (возможно я плохо искал ?), предлагают некое законченное решение в разметкой и стилями. Если Вам нужен только функционал, то этот плагин для Вас.
Идея
Расширить функциональность элемента до уровня combobox. Только функционал без разметки и стилей. Организовать взаимодействие стандартными способом.
Для запросов к серверу использовать get ajax запрос, передавая на вход значение элемента.
Настраивать элемент через атрибуты:
<input id="comboBox" data-options='{"url":"Home/Load","lengthText": 4,"timeWait":300 }' type="text" />
или
<input id="comboBox1" data-url="Home/Load" type="text" />
Где:
url – адрес сервиса
lengthText –минимальное количество символов после которого производится запрос (умолчание 3)
timeWait – время в мсек по истечении которого производится запрос (умолчание 300)
Оповещения разработчика о состоянии запроса организовать через систему событий.
query_start – старт запроса
query_end – окончание запроса
query_data – получение результата запроса
query_reset – сброс результатов
query_error – ошибка запроса
Обернуть все в плагин jQuery (v 1.7) — query()
$().ready(function () {
$("#comboBox")
.query()
.bind("query_data", function (e, data) {
// вывести куда то результат – например в <div id=”panel”/>
})
.bind("query_error", function (e, data) {
// сообщить об ошибке
})
.bind("query_reset", function () {
// очистить <div id=”panel”/>
})
.bind('query_start query_end', function (e) {
// как то показать что идет запрос – здесь меняем фон элемента
$(this).css({ backgroundColor: e.type == "query_start" ? "#fdf5e6" : "#FFF" });
});
});
Расширение функциональности элемента input type=”text” до автокомплит
2012-03-19 в 5:53, admin, рубрики: asp.net mvc, jquery, jquery plugins, метки: asp.net mvc, jquery pluginsВведение
В сети существует огромное количество плагинов для реализации какого рода расширений. К сожалению (к счастью ?) все они (возможно я плохо искал ?), предлагают некое законченное решение в разметкой и стилями. Если Вам нужен только функционал, то этот плагин для Вас.
Идея
Расширить функциональность элемента до автокомплит. Только функционал без разметки и стилей. Организовать взаимодействие стандартными способом.
Для запросов к серверу использовать get ajax запрос, передавая на вход значение элемента.
Настраивать элемент через атрибуты:
<input id="comboBox" data-options='{"url":"Home/Load","lengthText": 4,"timeWait":300 }' type="text" />
или
<input id="comboBox1" data-url="Home/Load" type="text" />
Где:
url – адрес сервиса
lengthText –минимальное количество символов после которого производится запрос (умолчание 3)
timeWait – время в мсек по истечении которого производится запрос (умолчание 300)
Оповещения разработчика о состоянии запроса организовать через систему событий.
query_start – старт запроса
query_end – окончание запроса
query_data – получение результата запроса
query_reset – сброс результатов
query_error – ошибка запроса
Обернуть все в плагин jQuery (v 1.7) — query()
$().ready(function () {
$("#comboBox")
.query()
.bind("query_data", function (e, data) {
// вывести куда то результат – например в <div id=”panel”/>
})
.bind("query_error", function (e, data) {
// сообщить об ошибке
})
.bind("query_reset", function () {
// очистить <div id=”panel”/>
})
.bind('query_start query_end', function (e) {
// как то показать что идет запрос – здесь меняем фон элемента
$(this).css({ backgroundColor: e.type == "query_start" ? "#fdf5e6" : "#FFF" });
});
});
Kartograph — фреймворк для создания интерактивных карт
2012-03-15 в 11:41, admin, рубрики: javascript, jquery, maps, Maps API, open source, Raphael, метки: jquery, maps, RaphaelKartograph — это новый фреймворк для создания интерактивных картографических веб приложений без использования Google Maps/Bing Maps или любого другого сервиса. Он создавался с учетом потребностей дизайнеров и журналистов.
Можно поглядеть на демки, чтобы узнать на что способен Kartograph. Читать полностью »
Вывод и фильтрация больших таблиц данных с помощью плагина DataTables + ColumnFilter. Часть 1
2012-03-13 в 1:18, admin, рубрики: DataTables, DataTables Column Filter, jquery, jquery plugin, таблицы данных, метки: DataTables, DataTables Column Filter, jquery, jquery plugin, таблицы данныхВеб-разработчики довольно часто сталкиваются с задачей отображения на странице данных в табличной форме с возможностью их сортировки, поиска/фильтрации, разбиения на страницы и удобной навигации по ним. Например, для меня это стало актуально при создании админки для одного сайта. Каждый разработчик решает эту задачу по-своему. Многие не сильно с этим заморачиваются и в результате получаются интерфейсы в стиле ранних версий phpMyAdmin, с полным обновлением страницы после любого клика мышью. Но сейчас уже не начало 2000-х, а значит, пора уже и админки переводить на AJAX и jQuery. Мне в этом очень помог замечательный плагин DataTables, который избавил меня от необходимости изобретать велосипед и писать тонны кода. С его помощью я смог в сжатые сроки придать админке современный вид. Теперь я хочу поделиться некоторым опытом, накопленным за время использования этого плагина.Читать полностью »