Архив категории ‘Web-технологии’

Таблицы. Плагин Tablesorter (окончание)

    На этом шаге мы рассмотрим основные параметры этого плагина.     Материал этого шага базируется на widthFixed Boolean false Указывает должен ли tablesorter применять фиксированную ширину к столбцам таблицы. Эта функция полезна при использовании плагина Pager. Требует плагина jQuery dimension     На следующем шаге мы рассмотрим элемент управления jqGrid .

Таблицы. Плагин Tablesorter

    На этом шаге мы рассмотрим простой пример использования этого плагина.     Материал этого шага базируется на     Приведем пример использования этого плагина: Рис.1. Результат работы плагина (щелкните по заголовку столбца) Полный текст этого примера можно взять здесь.     Для того чтобы использовать плагин tablesorter, нужно подгрузить jQuery библиотеку и сам плагин tablesorter в теге […]

Формы. Виджет Masked Input

    На этом шаге мы рассмотрим основные возможности этого виджета.     Материал этого шага базируется на http://www.netopalto.ru/masked-input-plugin.html.     Расширение Masked Input позволяет упростить для пользователя ввод таких данных, как даты, номера телефонов или карточек социального страхования, в предопределенных форматах. Расширение автоматически вставляет в поле ввода служебные символы (такие как слеш, при вводе дат) и обеспечивает […]

Формы. Виджет Jeditable (окончание)

    На этом шаге мы рассмотрим основные свойства и события этого виджета.     Материал этого шага базируется на http://it-route.ru/jeditable_manual_ru/.     Можно получить полный контроль над Ajax-запросами. Для этого нужно заменить url на функцию. Остальные параметры остаются без изменений. $('.editable').editable(function(value, settings) { console.log(this); console.log(value); console.log(settings); return(value); }, { type : 'textarea', submit : 'OK', });     […]

Формы. Виджет Jeditable (еще продолжение)

    На этом шаге мы рассмотрим работу со списком и стилизацию элементов.     Материал этого шага базируется на Рис.1. Результат работы скрипта Полный текст этого примера можно взять здесь.     А что если Вам необходимо получать динамический список? Тогда можно получить его с внешнего url. Предположим, что мы имеем такой скрипт PHP: <?php $array['C_Rock'] = […]

Формы. Виджет Jeditable (продолжение)

    На этом шаге мы рассмотрим отправку данных на сервер и удаление html-разметки.     Материал этого шага базируется на http://it-route.ru/jeditable_manual_ru/.     На сервер данные отправляются методом POST: id=elements_id&value=user_edited_content     Есть возможность переименования отправляемых параметров. Например, нужно, чтобы отправилась следующая строка: elementid=elements_id&newvalue=user_edited_content     Для этого необходимо добавить два параметра: $(document).ready(function() { $('.edit').editable('http://www.example.com/save.php', { id : 'elementid', […]

Формы. Виджет Jeditable

    На этом шаге мы рассмотрим основные способы использования этого виджета.     Материал этого шага базируется на Рис.1. Результат работы скрипта Полный текст этого примера можно взять здесь.     Рассмотрим основные принципы работы этого скрипта.     Для примера будем использовать следующий HTML-код: <body> <div id="div_1">QUEEN</div> <div class="edit" id="div_2"> Queen - популярная британская рок-группа, добившаяся широчайшей […]

Формы. Виджет Validation (методы)

    На этом шаге мы рассмотрим методы этого виджета.     Материал этого шага базируется на http://2develop.ru/jquery/proverka-poley-s-pomoshtyyu-jquery.html и http://www.linkexchanger.su/2008/46.html#more-46.     Плагин jQuery Validation предоставляет целый набор стандартных методов проверки. required() – делает элемент обязательным для заполнения. Возвращает false, если элемент пустой (текстовое поле), не отмечен (radio/checkbox) или ничего не выбрано (для select). $("#myform").validate({ // здесь field […]

Формы. Виджет Validation

    На этом шаге мы рассмотрим пример использования этого виджета.     Материал этого шага базируется на http://2develop.ru/jquery/proverka-poley-s-pomoshtyyu-jquery.html и http://www.linkexchanger.su/2008/46.html#more-46.     Еще одно расширение Йерна Зафферера (Jorn Zaefferer), Validation, представляет собой чрезвычайно гибкий инструмент проверки содержимого полей ввода формы на основе разнообразных критериев.     Адреса, где можно взять компонент:     Отметим, что стоит следовать следующим рекомендациям […]

Формы. Виджет Autocomplete (окончание)

    На этом шаге мы рассмотрим динамическое формирование подсказок из данных, полученных с сервера.     Материал этого шага базируется на http://www.linkexchanger.su/2011/700.html.     На прошлых шагах мы рассмотрели, как настраивать виджет и управлять им, но пока мы использовали исключительно локальные данные для формирования списка подсказок. В реальной работе наверняка потребуется формировать подсказки из данных, хранящихся на […]