Alert Java Script

[xazerek]

Witam.

Chciałbym aby po kliknięciu w przycisk na przykład "wyloguj" wyskakiwał alert " Czy napewno chcesz się wylogować?".

Dacie jakieś przykłady? Czeka soczysty plus.

[Writen]

<script>

window.onload = function() {

var button = document.getElementById('wyloguj'); // element o id 'wyloguj'

button.addEventListener('click', function(){

var pytanie = confirm("Czy napewno chcesz się wylogować?"); //okienko z pytaniem

if(pytanie) {

location.href = 'logout.php'; //przekirowanie

}

});

};

</script>

 

<input type="button" id="wyloguj" value="wyloguj">

[xazerek]

Wieeeelkie dzięki!!!

EDIT:

 

A jak by dodać to: 

type="button" id="wyloguj" value="wyloguj"

do już gotowego przycisku graficznego wykonanego tak?

<a href="index.html"><img src="newsy.png" alt="Newsy" border="0" /></a>

Bo kombinuje i nie działa . Albo po prostu stworzyć z tego pierwszego przycisk graficzny?

[Writen]

Dodaj do przycisku tylko to id="wyloguj"

[xazerek]

Ehh.. No dodałem. I niby komunikat działa, ale jak się wybierze "OK" albo "Anuluj" to i tak przechodzi do tej zakładki. Nawet nie wylogowuje. Masz jakiś pomysł?

[Writen]

Masz link tak? 

dajmy na przykład <a href="wyloguj.php">...</a>

 

To zmień tak aby było coś takiego

 <a href="#">...</a>

[xazerek]

Mógłbyś dać gotowy przykład, bo ja nie wiem czy ja jakiś głupi jestem czy coś ?

[Writen]

No masz ten link:

<a href="#" id="wyloguj">tutaj ten twój obrazek</a>

[xazerek]

Nie wiem jak to zrobiłeś, że działa, a raczej co ja źle robiłem. A jak to dodać do wielu przycisków? Bo jak się zrobi to samo z innymi to działa to tylko z jednym.

A jak się powtórzy ten kod "alert" kilka razy i dla każdego inne id się przypisze to działa tylko dla losowego przycisku...

[xazerek]

@REF

[pieczara22]

Jeżeli chcesz żeby Twoje powiadomienie wyglądało lepiej niż standardowy alert to zajrzyj do darmowych bibliotek Bootstrap.

 

http://getbootstrap.com/javascript/#alerts