До тех пор, пока существуют различия в работе JavaScript на разных браузерах, мы пожалуй будем вынуждены определять, с каким именно клиентом мы имеем дело. А поскольку JavaScript должен быть как можно компактней, то и код, выполняющие такое определение также должен быть максимально сжат. Сегодня я не без удовольствия нашел статью, в которой описано как это можно сделать очень просто и компактно.

<< читать дальше >>

Update: Внимание! Эта статья устаревшая, а плагин, который здесь используется уже не поддерживается автором и имеет неисправленные ошибки.

В одной из прошлых статей я писал о том, как сделать текст на странице динамически редактируемым. Там был представлен метод редактирования при помощи плагина jEditable. Таким образом можно динамически редактировать любой блок текста на странице. Однако если речь идет о табличных данных, то гораздо удобнее использовать другое решение – плагин tableFormSynch. Этот плагин связывает таблицу с формой, давая возможность динамически редактировать данные в таблице, а также добавлять и удалять записи.

В этой статье я покажу, как сделать простое приложение, реализующее редактирование, добавление и удаление записей таблицы, сохраняя данные при помощи AJAX. Чтобы создать приложение нам будут нужны библиотека jQuery, плагин metadata (требуется для работы плагина tableFormSynch), а также jQuery Form Plugin для сохранения данных формы через AJAX. Но прежде чем мы начнем, предлагаю посмотреть на готовый результат. Смотреть демо пример.

<< читать дальше >>

Совсем недавно случайно нашел замечательное решение одной небольшой проблемы, которая давно мозолила глаза. Причем решение из разряда таких, о которых думаешь: “Как это я раньше о таком не догадался…”.

Итак суть проблемы – на странице имеется панель (на подобие этой), которая открывается/закрывается при щелчке на её заголовке. Причем при загрузке страницы, то есть в самом начале, она должна быть в закрытом состоянии. Проблема в том, что нельзя просто так взять, и спрятать панель стилями, установив для неё display:hidden, ибо если у пользователя в браузере отключен JavaScript, то он вообще не увидит содержимого этой панели (не забываем, что скрипт должен быть ненавязчивым). А если же прятать содержимое при помощи JavaScript (например так: $(’#panel’).hide() ), то всякий раз при загрузке страницы будет происходить мелькание – то есть во время загрузки панель открыта, а как только страница загружена, она закрывается (кстати такой “баг” можно наблюдать на главной странице sape.ru под цифрами в центре страницы). Я также создал страницу где можно это посмотреть (конечно же вы не увидите мелькание если у вас супер быстрый интернет ).

<< читать дальше >>

Некоторое время назад я писал о том, как создать диалоговые окна для замены стандартных диалогов alert, confirm, prompt при помощи библиотеки YUI. Однако, учитывая то, что популярность библиотеки jQuery в разы превышает популярность YUI, то думаю вам больше прийдется по душе следующий плагин (автор Cory S.N. LaViska), который может заменить стандартные, серые, ничем не примечательные, диалоговые окна на более красивые.

<< читать дальше >>