Все очень просто - когда пользователь щелкает по ссылке, появляется надпись - “Loading …” (”Идет загрузка …”).
Зачем?
Вам наверное приходилось видеть, как пользователь несколько раз щелкает по ссылке, стараясь ускорить процесс загрузки. Это происходит из-за того, что барузеры плохо справляются со своей работой по уведомлению пользователя, что началась загрузка страниц, на которую указывала ссылка, и его щелчок по ссылке был успешным.
$(function () { // DOM загружена
$('a').linkNotify(); // выводим "Loading..." когда кто-то щелкает по ссылке
$('#content a').linkNotify('Loading your next page'); // выводим 'Loading your next //page' на всех ссылках внутри #content div
});
Плагины и скрипты jQuery для работы с изображениями в последнее время становятся очень востребованными у веб дизайнеров и веб программистов. Мы уже давали обзор таких плагинов - сегодня мы продолжаем эту тему, так как в запросах именно такие плагины встечаются наиболее часто.
Обратите внимание на этот плагин, который весит менее 2К, тем не менее позволяет добиться замечательного эффекта - отражения фотографии, плавно уходящего на нет. Теперь вам не надо ломать голову, как это сделать - вы просто вставляете на страничку фотографии, все остальное за вас делает этот замечательный плагин!
Этот плагин создает иллюзию отражения фотографии так, как будто она стоит на стеклянной подставке.Совместим с IE 6+,Firefox 1.5+, Opera 9+, Safari 2+, Camino and Google Chrome.
Если вы делаете сайт, на котором надо показать интерьер помещений, то сферические панорамы добавят такому сайту не только крутизны, но и отличную информационную составляющую. В этом случае этот плагин решит проблему с показом таких фотографий. Хотя все же решения на Flex и Flash мне кажутся более функциональными.
Плагин позволяет на изображениях создавать активные зоны и привязывать к ним точки перехода на другие изображения. Таким образом получается подобие виртуальной экскурсии.
Если вы работаете на MACе с операционной системой OS 10.x, то наверняка вы используете возможность переключения между виртуальными экранами. На сайтах я такого пока не видел, поэтому публикация Scott Robbin jQuery pageSlide меня очень заинтересовала - простая, но красивая идея! И реализуется весьма просто.
Идея лежала на поверхности - тот же знаменитый LightBox, но только вместо всплывающего окна здесь реализован скролл.
Дополнительный контент мягко выезжает при щелчке мышью.
Плюсы: главная страница теперь может вместить больше контента - дополнительная информация выплывает и уходит по запросу пользователя. Кроме этого пользователь не теряет из виду главную страницу.
С помощью этого плагина вы легко сможете наложить ограничения на символы, вводимые пользователем в поля ввода. Эти правила задаются как параметры настройки плагина. Например, если вы хотите ограничить ввод только буквенными символами, подчеркиванием и цифрами - например, в поле ввода имени пользователя, то вы просто добавляете вот такую строчку кода:
$('.sample_calss').alphanumeric();
Здесь подразумевается, что стиль CSS поля ввода относится к классу sample_class:
Теперь пользователь не сможет ввести в этом поле текст <script>
ToggleVal
Назначение этого очень полезногоплагина - очищать поле ввода, задаваемое по умолчанию ( например, “Введите дату…”), при получении фокуса этим полем (например, при щелчке мышью, когла в поле ввода появляется курсор)
Кроме того, он умеет распознавать лэйблы (label) и использовать текст, заключенный между ними, в качестве текста в поле ввода. Если после получения фокуса стиль поля ввода должен меняться - то это тоже легко настраивается.
Input Verfication
Этот плагин помогает наладить проверку данных, которые вводит пользователь Скачать
Этот плагин появился сравнительно недавно, но уже завоевал своих почитателей - теперь проблема совместимости ваших форм с разными браузерами - не ваша головная боль. Всю работу делает плагин, причем справляется с этой работой отлично.
Разные элементы формы, такие как флажки, радиокнопки, поля ввода, текстовые поля и т.п. по разному отображаются в разных браузерах. Преобразованием к единому виду занимается этот замечательный плагин.
Сегодня я хочу представить вашему вниманию плагин Uploadify, написанный на jQuery. Последнее упоминание становится становится знаком качества, во всяком случае в плане кросс-браузерности. Данный плагин позволяет без напряга организовать загрузку файлов на вашем сайте. Отличительной особенностью этого плагина является возможность загружать сразу несколько файлов, а также эмуляция индикатора загрузки, что позволяет судить об окончании загрузки файлов на сервер ( как известно, средствами PHP без специальных экстеншенов организовать реальный вывод на экран прогресс бара невозможно, это обычно делают на Perl). Как и многие плагины на jQuery, с помощью массива options можно настройть плагин по своему усмотрению. Очень рекомендую - попробовал в боевых условиях - понравилось.
Теперь несколько слов о том, как вставить код на сайт.
Скачайте файл, положите его в нужную папку, скажем js. Дайте ссылку (link) на него в разделе <head></head>. Не забудьте также ссылку (link) на jQuery. Ну и наконец надо инициализировать плагин:
