Добрый день!
Мне нужна ваша помощь,у меня проблема с измением стилей.Вот пример моего кода:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>
.read {width: 140px; height: 100px; background-color: blue;}
.read2{width: 140px; height: 100px; background-color: red;}
</style>
<script>
var flag=1;
function cl(){
if(flag == 1)
{
document.getElementById('read').className = 'read2';
flag = 0;
}
else
{
document.getElementById('read').className = 'read';
flag = 1;
}
}
var chek =1;
function clic(){
if(chek == 1)
{
document.img1.src = 'img/chek1.png';
chek = 0;
}
else
{
document.img1.src = 'img/chek0.png';
chek = 1;
}
}
</script>
</head>
<body>
<div class="read" id="read">
<img src="img/chek0.png" onmousedown="cl(); clic()"/>
</div>
<div class="read" id="read">
<img src="img/chek0.png" onmousedown="cl(); clic()"/>
</div>
<div class="read" id="read">
<img src="img/chek0.png" onmousedown="cl(); clic()"/>
</div>
</body>
</html>
.......только все эти функции работаю только для 1го div,изменяют внем фон 1го div и картинку. Пробовал создавать отдельную функцию для замены картинки, но в этом случае картинка заменятеся не сразу, а на второй клик. Как сделать чтобы обе функции заработали для всех блоков?
Заранее спасибо!
Социальные закладки