Здравствуйте! Представляю вам фреймворк для работы с хеш-частью URL marinad.js! Благодаря ему создание сайтов на ajax-технологиях упростится в разы, ведь теперь можно будет обновлять URL и получать оттуда переменные без перезагрузки страницы! О том, как сие чудо работает подробно расписано под катом:
Читать полностью »
Рубрика «jquery» - 39
Маринад.js — фреймворк для работы с хеш-частью страницы
2012-08-02 в 15:30, admin, рубрики: ajax, hash, javascript, jquery, JS, библиотека, интерфейс, хеш, метки: ajax, hash, jquery, библиотека, интерфейс, хешInput attribute placeholder
2012-08-02 в 11:33, admin, рубрики: html, input, jquery, placeholder, верстка, формы, метки: html, input, jquery, placeholder, верстка, формыТут уже поднималась тема об использовании такого замечательного атрибута форм как placeholder. И даже приводились примеры на js (ищем по слову placeholder).
Экономия места при создании форм налицо (особенно в всплывающих формах). Поэтому было решено не отказываться от атрибута, а просто помочь ему заявить о себе и Internet Explorer. На помощь был призван jQuery.
Читать полностью »
JsRender: Новое поколение jQuery Templates
2012-07-26 в 20:07, admin, рубрики: javascript, jquery, templates, метки: javascript, jquery, templatesБуквально пару месяцев назад, мы начали переписывать весьма крупный сайт, с момента прошлого крупного релиза прошёл не один год, конечно, сайт дорабатывался, правились баги и в итоге в настоящее время создаётся новая версия. В ней будет активно использоваться AJAX, поэтому весьма остро стоял вопрос с генерацией контента на клиенте, полученного в формате JSON. Прошлые шаблоны были собственной разработки, так как на то время вариантов было не так много, которые по разным причинам не подходили, базировались наши шаблоны на jquery, с помощью атрибутов происходило заполнение.
Прежде всего было решено провести тест, при генерации списка из 1500 элементов было получено превосходство в 20 раз, похожие результаты показывает сравнение с jQuery Template.
Читать полностью »
ASP.NET MVC: кастомизация отображения клиентской валидации с использованием JQuery.Validate.Hooks + Tipsy
2012-07-26 в 14:03, admin, рубрики: .net, asp.net mvc, jquery, Веб-разработка, метки: asp.net mvc, jqueryASP.NET MVC Framework позволяет очень легко производить как серверную так и клиентскую валидацию «из коробки». Использование DataAnnotations в ваших моделях превращает процесс валидации в максимально простой алгоритм для разработчика. Фреймворк, в свою очередь, может отображать ошибки используя валидацию JQuery, или же в случае более комплексных ситуаций, ошибки могут быть возвращены уже после серверной валидации. Вот пример небольшой модели и соответствующих сообщений валидации в ошибочных полях.
The Modal — правильные модальные окна
2012-07-26 в 9:59, admin, рубрики: javascript, jquery, интерфейсы, модальные окна, метки: javascript, jquery, интерфейсы, модальные окнаОчень часто модальные окна и диалоги делаются при помощи плагинов jQuery. Например, SimpleModal или jqModal. К сожалению, все они, в варианте по умолчанию, работают неправильно.
Что же такое «правильно»?
Если окно модальное, то оно обязано быть модальным:
- Пользователю нельзя позволять прокручивать страницу под ним.
- При этом, если содержимого в модальном окне очень много, нужно позволить прокручивать содержимое.
По этому принципу работает просмотр фото в Facebook и Вконтакте и, я считаю, что для модальных окон это правильный вариант.
Чтобы не мучать вас заранее деталями реализации, покажу сначала демо плагина jQuery: http://rmcreative.ru/playground/modals_plugin/demo.html.
Ну а теперь немного про реализацию.
Файлы библиотек да будут названы по сокращённым именам объектов, ими определяемых
2012-07-25 в 5:07, admin, рубрики: javascript, jquery, underscore, Underscore.js, Underscore.string, Веб-разработка, лайфхак, сокращение, метки: jquery, Underscore, Underscore.js, Underscore.string, лайфхак, сокращениеВот лайфхак: для сокращения имён файлов (а значит — для ускорения их прочтения и узнавания) можно называть файлы с джаваскриптовыми библиотеками в соответствии с сокращённым именем того основного объекта, который той или иной библиотекою определяется.
Так, например, файл jQuery можно назвать «$.js».
Так, например, файл Underscore.js можно назвать «_.js».
Так, например, файл Underscore.string можно назвать «_.str.js».
jQuery CoreUISelect — плагин для стилизации селекта
2012-07-24 в 8:48, admin, рубрики: javascript, jquery, select, Веб-разработка, метки: jquery, selectНа Хабре уже проскальзывали обзоры плагинов для стилизации селекта (раз и два)
Возможно буду заброшен помидорами за изобретение очередного велосипеда, но все текущие реализации меня не устраивали. Да, отличный плагин chosen, но в нем чрезмерное количество ненужного мне функционала. ikSelect, да, почти то что надо, но мне не понравилась генерируемая разметка.
Итак, задача — сделать плагин с блэкджеком и ш… для стилизации селекта, который по максимуму повторяет поведение стандартного. А это навигация с клавиатуры, автоподгонка ширины дропдауна, поддержка optgroup, автокоплит и самое главное полная кастомизация, включая скроллбар*.
Читать полностью »
Как сделать группу инпутов удобными
2012-07-23 в 11:45, admin, рубрики: javascript, jquery, Блог компании Островок, метки: javascript, jqueryКогда я работал над сервисом заметок jotsky.com, надо было сделать ввод телефонного номера из двух инпутов. Примерно такой:
Я сделал навигацию с помощью стрелочек. Сделал, чтобы по мере заполнения фокус переключался к следующем инпуту. А вот сделать правильную вставку из буфера обмена у меня никак не получалось.
Читать полностью »
Как сделать группу инпутов удобной
2012-07-23 в 11:45, admin, рубрики: javascript, jquery, Блог компании Островок, метки: javascript, jqueryКогда я работал над сервисом заметок jotsky.com, надо было сделать ввод телефонного номера из двух инпутов. Примерно такой:
Я сделал навигацию с помощью стрелочек. Сделал, чтобы по мере заполнения фокус переключался к следующем инпуту. А вот сделать правильную вставку из буфера обмена у меня никак не получалось.
Читать полностью »
Простой таймер
2012-07-22 в 15:54, admin, рубрики: javascript, jquery, jquery plugins, метки: javascript, jquery pluginsНа днях появилась надобность в таймере для сайта, но как всегда простая задача превратилась в весёлые часы работы.
Конечно, существует уже множество всяких разных таймеров с кучей настроек и плюшек. Но, на мой взгляд, быстрее решить такую достаточно простую задачу самому, чем искать, затем настраивать и разбираться в чужом решении. Так родился simpleTimer.
Читать полностью »