 jQuery: Функции управляющие элементом |
 |
 |
|
 |
 |
 |
 |
 |
  |
| INDIGO |
 21/09/10 - 01:48 Сообщение #1
|
Активный участник
|
Даже незнал как назвать это, в этой статье поговорим о том как через jQuery выполнить ту или иную функцию, при этом не изменяя элементов на странице. Это может пригодиться, к примеру, если Вам необходимо сделать подтверждение о выходе с сайта, при этом абсолютно не меняя кнопку "Выход с сайта"
Функция при клике на элемент $('div:first').click(function(){ alert('Ты нажал на div!'); }); При клике на первый на странице div появится алерт с выше указанным текстом. Очень простая работа. Заметьте что мы указали click(function, что однозначно показывает что функция должна происходить именно при клике.Вы, конечно, можете заставить выполняться функцию и при наведении/фокусе и прочем прочем. Собственно вот: ready - функция происходящая при полной загрузке элемента *; click - функция происходящая при клике; dblclick - функция происходящая при двойном клике; error - функция происходящая при js-ошибке; keyup - функция происходящая когда отпущена клавиша; keypress - функция происходящая когда нажата клавиша; load - функция происходящая при загрузке; hover - функция происходящая при наведении мышкой; focus - функция происходящая при фокусе (при попадании курсора в поле ввода текста); blur - функция происходящая при потере фокуса (вытащили курсор из под поля ввода текста); * для функции, происходящей после загрузки страницы необходимо document.ready(function без указания $(div:first). Вообще их много. Подробнее описано на jQuery Api Небольшая скрывалка элементов <div><a href="javascript://">Скрыть зеленый</a><a href="javascript://">Скрыть красный</a></div> <div style="background:green">Зеленый</div><div style="background:red">Красный</div> $('div > a:first').click(function(){ $('div[style="background:green"]').hide(); return false; }); $('div > a:last').click(function(){ $('div[style="background:red"]').hide(); return false; }); Запрещаем нажимать на некоторые ссылки Вот к примеру запретим нажимать на ссылки, ведущие на www.plusoft.ru Допустим затронуть саму ссылку мы не сможем, пойдем другим путем: $('a[href="http://www.plusoft.ru/"]').click(function(){ return false; }); return false - не позволяет продолжать действие, но все что написано до него совершается, к примеру можно сделать так: $('a[href="http://www.superpuperporno.ru/"]').click(function(){ alert('Ах ты дрочер! Тебе так хочется посмотреть порнуху?'); return false; }); Открываем профили в Ajax-окне Простой пример открытия профиля в Ajax-окне, при этом, опять же, ни на сколько не затрагивая сами ссылки. Для этого необходимо настроить открытие профиля в этом же окне. $('a[href*="/index/8-"]').click(function(){ new _uWnd('AjaxuProfile','Профиль',500,400,{autosize:1},{url:this.href}); return false; }); Подтверждение о выходе с сайта $('a[href="/index/10"]').click(function(){ return confirm('Вы уверены что хотите выйти?'); }; }); Кстати, ни один вариант я не пробовал и 100% работоспособность не гарантирую. -------------------- И всё-таки жизнь прекрасна |
 |
Публикаций: 395 [ Просмотреть все публикации ] 
Комментариев: 86 [Последние комментарии]
|
 |
1чел. читают эту тему (гостей: 1)
Пользователей: 0
| Сейчас: 18/05/12 - 18:58 |
pluSoft.ru © 2011
Наверх
- ]]>
]]> - ]]>]]>
-
]]>
]]>