onclick alert

[webdeveloper]

Здравейте, искам когато някой потребител натисне от менюто на сайта "Изход" да се показва един алерт прозорец който да го пита сигурен ли е, че иска да излезе от акаунта и ако цъкне "да" да го изкарва. Ясно ми е, че ще стане с onclick alert, но не ми е ясно как ще стане с бутончетата "Да" и "Не"...

 

[F1r3Fl3x]

Има такава функция: prompt('въпрос');
Ето я в действие:

function doConfirmation(){
var p = prompt( 'Сигурен ли си ? ');
if( p ) {
//при натискане на ДА
}else{
//при не
}
}
<div onClick='doConfirmation();'>Click</div>

 

[stoqnski]

Здравейте, искам когато някой потребител натисне от менюто на сайта "Изход" да се показва един алерт прозорец който да го пита сигурен ли е, че иска да излезе от акаунта и ако цъкне "да" да го изкарва. Ясно ми е, че ще стане с onclick alert, но не ми е ясно как ще стане с бутончетата "Да" и "Не"...

Нещо като при Aha.bg ли , защото там ползват jQuery или с обикновенния js код , който даде човека преди мен ?

 

[webdeveloper]

Естествено че ще е по-добре с jquery, но и на обикновенният ще се задоволя ако не ми свърши работа jquery-то.

 

[F1r3Fl3x]

Ето
http://trentrichardson.com/Impromptu/index.php

 

[webdeveloper]

Да тези и аз ги намерих, но незнам как да ги вградя в сайта. Не съм се занимавал до сега с jquery и за това.. Трябва да сложа кода в js файл ли или как?

 

[webdeveloper]

Свалих си съответния файл, сега как да го вкарам тоя алерт в дадения линк?

 

[F1r3Fl3x]

Слагаш линк в страницата си към jQuery библиотеката, след него поставяш линк към файла който свали преди малко.
След това в <head> секцията на сайта си слагаш това:

<script>
$( document).ready(function(){
$('#clickable').click(function(){
$.prompt('Example 1');
});
});</script>

Сега като цъкнеш на елемент с id="clickable" ще ти извади прозорчето

 

[webdeveloper]

Демек за example2 трябва да стане така:

<script> 
$( document).ready(function(){ 
$('#clickable').click(function(){ 
$.prompt('Example 2',{ buttons: { Ok: true, Cancel: false } });
});</script>

Вместо това true и false ще ми трябва url redirection, някакви идеи?

 

[F1r3Fl3x]

 <script>
$( document).ready(function(){
$('#clickable').click(function(){
$.prompt('Example 2',{ buttons: { Ok: true, Cancel: false },
callback: function( v, m, f){
$.prompt('i clicked ' + v); // с това тествай дали работи както трябва.
А редиректа става така: top.location.href="website.com";
}
 });
});</script>

Ето така

 

[webdeveloper]

Нещо не се получава... Това слагам в head секцията си:

<script type="text/javascript" src="jquery.alert.js"></script>
<script type="text/javascript"> 
$( document).ready(function(){ 
$('#clickable').click(function(){ 
$.prompt('Example 2',{ buttons: { Ok: true, Cancel: false }, 
callback: function( v, m, f){ 
$.prompt('i clicked ' + v); // с това тествай дали работи както трябва. 
} 
 }); 
});</script>

 

[F1r3Fl3x]

Кое не се получава? Какво става? нали си сложил елемент с id="clickable" ? Виж в конзолата за грешки дали ти изписва нещо.

 

[webdeveloper]

Ами нищо не става на практика. Като цъкна просто си ме препраща към href-а. Между другото сложил съм и линк към библиотеката, да не търсиш проблема там.

П.С. в конзолата за грешки нищо не излиза.

Тия смотани сайтове... Дават всякакви примери по jquery кода, но не и как да го вградим в html..

 

[emagi]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function redirect(el){
var answer = confirm("Искате ли да бъдете пренасочени?");
if(answer){
window.location = el;
return true;
} else {
return false;
}
}
</script>
</head>

<body>
<a href="javascript:;" onclick="return redirect('http://web-tourist.net');">Click Here</a>
</body>
</html>

 

[webdeveloper]

Това не работи под Internet Explorer. Не мога да го понасям вече тоя скапан браузер... :x

 

[nogravity]

<a href="javascript:decision(\'Сигурен ли си, че искаш да излезеш?\' , \'тук е пътя ти го файла за logout\')">Изход</a>

Само трябва да си го промениш.

 

[webdeveloper]

Това не работи под никой браузер. Дайте да оправим този код да работи и под IE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function redirect(el){
var answer = confirm("Искате ли да бъдете пренасочени?");
if(answer){
window.location = el;
return true;
} else {
return false;
}
}
</script>
</head>

<body>
<a href="javascript:;" onclick="return redirect('http://web-tourist.net');">Click Here</a>
</body>
</html>

 

[nogravity]

<script type="text/javascript">
function decide(){
var decision = confirm ("Сигурен ли си?");
if (decision == true){
document.location = "ПЪТЯ ДО LOGOUT ФАЙЛА";
}
}
</script>
<a href="javascript: decide();">Изход</a>

Това го тествах и работи под всички браузъри!

 

[webdeveloper]

<script type="text/javascript">
function decide(){
var decision = confirm ("Сигурен ли си?");
if (decision == true){
document.location = "ПЪТЯ ДО LOGOUT ФАЙЛА";
}
}
</script>
<a href="javascript: decide();">Изход</a>

Това го тествах и работи под всички браузъри!

И това не работи при мен под IE. Явно в мойта боза е проблема. Благодаря на всички за отговорите!

 

[crazy_pi4]

Искам да питам нещо за тоя последния код... как мога да сложа в него променлива? В смисъл примерно искам да е document.location = "/user/picture/delete/".$row['id'].""; , обаче не работи. Ако е само document.location = "/user/picture/delete/$row['id']"; линка си остава същия т.е. $row['id'] го зачита като текст...