Всплывающее предупреждение javascript по ссылке нажмите
Мне нужно уведомление javascript "ОК" / "Отмена", как только я нажму ссылку.
У меня есть код предупреждения:
<script type="text/javascript">
<!--
var answer = confirm ("Please click on OK to continue.")
if (!answer)
window.location="http://www.continue.com"
// -->
</script>
Но как это сделать, чтобы это выполнялось только при нажатии на определенную ссылку?
Ответы
Ответ 1
просто заставьте его функционировать,
<script type="text/javascript">
function AlertIt() {
var answer = confirm ("Please click on OK to continue.")
if (answer)
window.location="http://www.continue.com";
}
</script>
<a href="javascript:AlertIt();">click me</a>
Ответ 2
Вы можете использовать атрибут onclick
, просто return false
, если вы не хотите продолжать;
<script type="text/javascript">
function confirm_alert(node) {
return confirm("Please click on OK to continue.");
}
</script>
<a href="http://www.google.com" onclick="return confirm_alert(this);">Click Me</a>
Ответ 3
Одиночная линия работает отлично:
<a href="http://example.com/"
onclick="return confirm('Please click on OK to continue.');">click me</a>
Добавление другой строки с другой ссылкой на одной странице также отлично работает:
<a href="http://stackoverflow.com/"
onclick="return confirm('Click on another OK to continue.');">another link</a>
Ответ 4
Для этого вам нужно прикрепить обработчик к определенному привязке на странице. Для таких операций гораздо проще использовать стандартную структуру, например jQuery. Например, если у меня был следующий HTML
HTML:
<a id="theLink">Click Me</a>
Я мог бы использовать следующий jQuery для подключения события к этой конкретной ссылке.
// Use ready to ensure document is loaded before running javascript
$(document).ready(function() {
// The '#theLink' portion is a selector which matches a DOM element
// with the id 'theLink' and .click registers a call back for the
// element being clicked on
$('#theLink').click(function (event) {
// This stops the link from actually being followed which is the
// default action
event.preventDefault();
var answer confirm("Please click OK to continue");
if (!answer) {
window.location="http://www.continue.com"
}
});
});
Ответ 5
function alert() {
var answer = confirm ("Please click on OK to continue.") ;
if(answer){
window.location="url";
}
}