Как можно при клике на нужную ссылку вывести confirm ?
Добрый день.
У меня такая ситуация, что есть <img src="./images/page_white_delete.png" alt="Удалить"/> но чтобы перестраховаться нужно чтобы выскакивало окошко Удалить : ДА или НЕТ. |
где ссылка, на которую будут нажимать?
а так.. примерно так.
myLink.onclick = function(){
return confirm("Удалить?");
}
|
Спасибо, все работает, а сделал так
<img id="delete" src="./images/page_white_delete.png" alt="Удалить"/>
<script>
var del = document.getElementById('delete');
del.onclick = function(){
return confirm("Удалить?");
}
</script>
Сперва не работало пока не понял что нужно было вписать не в начале а после. Рано радовался, выскакивает только на первой ссылке а остальные пропускает. |
Может кому известно почему срабатывает только первой ссылке?
|
потому что назначен обработчик только одной картинке
катинкам надо дать какойнибудь класс, например, "delete" потом пройтись по всем картинкам в документе с помощью document.images, отфильтровать те, у которых есть класс delete и назначить им обработчик клика. |
Начало видимо такое должно быть..
var ilist = document.images;
for(var i = 0; i < ilist.length; i++) {
if( ) { }
а дальше что-то я не пойму как сделать... |
for (var images = document.images, i = 0, img, handler = function() {return confirm("Удалить?")}; img = images[i++];) ~img.className.indexOf("delete") && (img.onclick = handler);
но лучше так, eсли картинок на странице больше десяти-двадцати :
document.body.onclick = function(e){
var clicked = e ? e.target:event.srcElement;
clicked.tagName=="IMG" &&
~clicked.className.indexOf("delete") &&
!confirm("Удалить?") &&
e ? e.preventDefault():(event.returnValue=false);
}
|
melky
Спасибо, выручил, я бы как начинающий долго бы думал над таким решением. Вот это подошло:
for (var images = document.images, i = 0, img, handler = function() {return confirm("Удалить?")}; img = images[i++];) ~img.className.indexOf("delete") && (img.onclick = handler);
|
| Часовой пояс GMT +3, время: 00:10. |