Все <a href=""> на странице.
Здравствуйте.
Сегодня вопрос такой: Есть страница, на которой есть необходимость сделать подтверждение ухода с нее (нет, спам, реклама, порно, мрак, ад и содомия тут ни при чем). Вздумалось сделать так:
$(document).ready(function(){
$("a").click(function(){
if (confirm("Может передумаешь?"))
// вот на месте этой строки должно быть то, о чем спрошу дальше
else
//и на месте этой строки должно быть то, о чем спрошу дальше
});
});
Вопросы: 1) Что надо воткнуть вместо первой строки комментария, чтобы пользователь благополучно перешел по ссылке, на которую кликнул (около 20 ссылок на странице, т.е. ручками писать - не комильфо) 2) Что надо воткнуть вместо второй строки комментария, чтобы пользователь остался на этой странице и не произошло вообще ничего (рефреш тоже не нужен). Спасибо за внимнаие.:thanks: |
Так косинус же! :) (с)
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
if (confirm("Может передумаешь?"))
// вот на месте этой строки должно быть то, о чем спрошу дальше
return true;
else
//и на месте этой строки должно быть то, о чем спрошу дальше
return false;
});
});
</script>
</head>
<body>
<p>
<a href='http://javascript.ru/forum/dom-window/23245-vse-href%3D-na-stranice.html'>Go</a>
</p>
</body>
</html>
|
ммда.... что-то затупил))))
ksa, сразу еще вопрос
$("a").click(function(){})
что сюда дописать, чтобы по логиек было так: "Все <a></a>, кроме <a></a> с классом "класс"" |
Цитата:
http://jquery-docs.ru/Selectors/attr...attributevalue |
$(document).ready(function(){
$("a:not(.my-class)").click(function(){
return confirm("Может передумаешь?");
});
});
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
$('a').filter(':not(a[class*="on"])').css('color','red');
});
</script>
</head>
<body>
<a href='#'>Item 1</a>
<a href='#' class='on'>Item 2</a>
<a href='#' class='test on'>Item 3</a>
<a href='#' class='tmp'>Item 4</a>
</body>
</html>
|
ksa, зачем же так мудрить?)
|
Nekromancer, это я зарапортовался... :cray:
|
| Часовой пояс GMT +3, время: 20:10. |