Добрый день.
Не могу правильно написать код на JS, т.к. пока в нём ноль.
Надо определить, что нажата ссылка со свойством rel = "slide" и вызывать функцию.
В моём коде №1 функция вызывается сразу после загрузки страницы, а не по нажатию.
В №2 вроде правильно работает, но пришлось вызываемую функцию поместить в функцию, которая присваивается вызову. Почему так?
Так же в коде 1, когда передаю refs[i].onclick = slideshow(this); объект this не указывает на ссылку.
HTML<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Тест модального окна</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="gallery">
<a href="http://fkm-anons.ru/uploads/gallery/image/pre_04_12.jpg" rel="slide">
<img src="http://fkm-anons.ru/uploads/gallery/image/list_04_12.jpg" alt="">
</a>
<a href="http://fkm-anons.ru/uploads/gallery/image/pre_dinamika_15072013.jpg" rel="slide">
<img src="http://fkm-anons.ru/uploads/gallery/image/list_dinamika_15072013.jpg" alt="">
</a>
<a href="http://fkm-anons.ru/uploads/gallery/image/pre_04_4.jpg" rel="slide">
<img src="http://fkm-anons.ru/uploads/gallery/image/list_04_4.jpg" alt="">
</a>
</div>
<button id="myBtn">Модальное окно</button>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<p>Модальное окно</p>
</div>
</div>
<script src="testmodal.js"></script>
</body>
</html>
Код JS №1var refs=document.getElementsByTagName("a")
for (var i=0, L=refs.length; i<L; i++) {
refs[i].onclick = slideshow(this);
}
function slideshow(link) {
alert(link.href)
return false;
}
Код JS №2var refs=document.getElementsByTagName("a")
for (var i=0, L=refs.length; i<L; i++) {
refs[i].onclick = function() {
slideshow(this);
return false;
}
}
function slideshow(link) {
alert(link.href)
return true;
}
