Загрузка изображений неотъемлемая часть любого веб-приложения, и веб-разработчик всегда старается сделать ее наиболее удобной для пользователя.

Стандартная HTML форма не дает нам возможность наблюдать за процессом загрузки да и к тому же данные отправляются с перезагрузкой страницы, это очень неудобно. В интернете можно найти множество плагинов, чтобы доработать стандартную форму и реализовать более удобную отправку данных. Однако можно обойтись и без сторонних плагинов, реализовав форму загрузки, используя библиотеку Jquery.

Отправка изображения на сервер, без перезагрузки документа

Создайте страницу, в заголовке подключите библиотеку jquery, в тело документа вставьте форму с уникальным идентификатором id="formupload".

Подробнее..

Была ли у вас необходимость добавлять события (click, hover, change и другие) для пока не существующих элементов в документе, но планируемых в будущем внедрить их в него (например, добавляя новый элемент с помощью метода .append()) или подгружать часть документа при помощи функции $.ajax.

Если да, то вы наверняка сталкивались с проблемой - используя стандартные обработчики такие как .click() .hover() .keypress() и т.д., которые вешают событие на уже присутствующие элементы в структуре документа, но не могут прикрепить событие на элементы, которых пока в ней нет.

Для таких случаев в библиотеке предусмотрен обработчик .delegate(), прикрепляющий событие для уже существующих элементов, а также для элементов, добавляемых в будущем.

Подробнее..

 

В статье представлен способ реализации всплывающего модального окна. Сценарий создания окна, представлен в виде плагина написанного на jquery. Для оформления окна были применены стилевые свойства языка CSS.

Код плагина на jquery

Плагин является основным инструментом для создания модального окна, его сценарий вставляет в структуру DOM документа новый div блок (модальное окно), устанавливает его размеры и позицию на экране. Помимо этого плагин добавляет в документ специальный блок, который принимает размеры всего экрана, и играет роль фона, к тому же он блокирует доступ к документу до тех пор, пока модальное окно не будет закрыто.

Подробнее..

 

Не так давно в моем блоге появилось дополнительное фиксированное меню, которое отображается и скрывается в документе при определенных условиях. В него я поместил копию уже существующего блока с категориями разделов (правый верхний блок), при помощи метода $.clone() библиотеки jQuery.

Метод $.clone()

Метод $.clone() предназначен для создания копии элементов обернутого набора.

Подробнее..

Всплывающие подсказки призваны предоставлять пользователю более детальную информацию, разъяснять особо сложные участки документа.

В статье представлен пример реализации всплывающих подсказок с помощью библиотеки jQuery.

HTML

В тексте, где необходимы пояснения в виде всплывающей подсказки разместим изображение. Обернем изображение специализированным тегом <dfn>, тег необходим исключительно для идентификации элемента подсказки и для хранения уникального идентификатора. Браузер никак не реагирует на тег <dfn>

Подробнее..