|
|
|
| Есть скрипт, его работа заключается в том, что мы кликом по диву присваеваем значение Value скрытого поля формы == 0 или 1. При клике на DIV - меняется так-же картинка - получается удобная и красивая замена стандартному checkbox. Вопрос - появилась необходимость расширить функции скрипта - теперь нужно чтоб при клике на элементе div скрытому полю присваивалось значение 1 и картинка в диве менялась на 1.gif, при повторном клике value становилось == 2 и элемент DIV менялся на 2.gif и так далее.. сейчас скрипт меняет value между 0 и 1 - а нужна возможность повторными кликами менять на 2, 3, 4... Помогите если кто шарит.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style>
.no { background: url(0.gif) no-repeat; padding-left: 22px; height: 22px; cursor: default }
</style>
</head>
<body>
<form method="post">
<input type="hidden" id="checkbox1" name="checkbox1" value="0">
</form>
<div class="no" id="div1" onclick="checked('div1', 'checkbox1')">Element one</div>
<script language="JavaScript">
function checked(divs, box) {
var obj = document.getElementById(box);
if (obj.value == 0) ground = "url('1.gif') no-repeat";
else ground = "url('0.gif') no-repeat";
document.getElementById(divs).style.background = ground;
obj.value = Math.abs(obj.value + 1);
}
</script>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: Yustys
(16.02.2010 в 22:43)
| |
function checked (divs, box)
{
var val = document.getElementById (box).value * 1 + 1;
document.getElementById (divs).style.background = "url('" + val + ".gif') no-repeat";
document.getElementById (box).value = val;
}
|
| |
|
|
|
|
|
|
|
для: АЯ
(16.02.2010 в 23:03)
| | Класс)) Большое спасибо!!! Единственное, после прокрутки всех изображений - было бы классно вернуться на 0.gif - чтобы можно было продолжать снова)) Как это сделать. А то скрипт после прокрутки всех изображений отображает пустое поле | |
|
|
|
|
|
|
|
для: Yustys
(16.02.2010 в 23:11)
| | Вот так нормально или калично?
function checked (divs, box)
{
if(document.getElementById (box).value<4)
{
var val = document.getElementById (box).value * 1 + 1;
}
else
{
var val =0;
}
document.getElementById (divs).style.background = "url('" + val + ".gif') no-repeat";
document.getElementById (box).value = val;
}
|
| |
|
|
|
|
|
|
|
для: Yustys
(16.02.2010 в 23:19)
| | Оно работает как мне надо, но допустима ли в Java Script такая запись? | |
|
|
|