jQuery

Как сделать блок DIV ссылкой

Делаем DIV ссылкой: HTML:

JavaScript:

CSS:

 

Select с поиском и подстановкой (плагин Select2)

Чтобы сделать красивый и удобный выбор в select, я воспользовался плагином Select2. Подключение простое:

В примере шаблон для Bootstrap с корректной работой в адаптивном режиме. Также, не забываем подключить jQuery.

Подключаем визуальный редактор TinyMCE в 1C-Битрикс

Для использования визуального редактора в форме можно воспользоваться TinyMCE. Скачиваем TinyMCE тут. Если нужен, скачиваем файл русификации TinyMCE. Создаем отдельный каталог и извлекаем архив в корень /tinymce.

Ajax загрузка изображения без перезагрузки страницы

Предположим, есть форма с различными полями. Необходимо без перезагрузки страницы добавить в форму изображение. В сети нашел скрипт Ajax upload v3.5 (проект уже не существует). Немного доработал под себя, т.к. не было обработчика ошибок. Описанный метод ниже загружает фотографию на сервер и показывает фото без перезагрузки страницы, добавляя в форму поле с именем загруженного файла.

jQuery: несколько форм одним обработчиком

Предположим у нас есть на странице несколько форм, которые содержат набор нужных нам данных. Это может быть, например страница с товаром. Нам необходимо передать данные из каждой формы каждого товара без перезагрузки страницы. Решение:

Не забудьте подключить библиотеку jQuery!

Делаем строку таблицы ссылкой

Чтобы сделать строку <tr> таблицы ссылкой, можно воспользоваться jQuery.

 

jQuery: показ пароля при вводе

Задача: показать пароль при его вводе. Реализация на jQuery: