| |
|
|
| |
для: Jovidon
(10.04.2013 в 13:15)
|
| | Дело в том, что на этой странице реального чекбокса мы не видим. Клик осуществляется по пустому тегу <b></b>:
<div class="filter-check checked">
<label for="Browse_New">
<b></b>
<span>
<strong>New</strong>
(1)
</span>
</label>
<input id="Browse_New" type="checkbox" onchange="$(this).parents('form').submit()">
</div>
|
который имеет такой стиль:
b {
background: url("../images/checkbox.gif") no-repeat scroll -1px -1px transparent;
float: left;
height: 15px;
margin: 0 12px 0 0;
overflow: hidden;
width: 15px !important;
}
|
где ../images/checkbox.gif - спрайт (http://html-css.info/2009/07/css-sprites/)
Сам же чекбокс находится далеко за пределами окна браузера:
<input id="Browse_New" type="checkbox" onchange="$(this).parents('form').submit()">
input {
height: 0;
left: -999999px;
overflow: hidden;
position: absolute;
top: 0;
width: 0;
}
|
То есть, при клике по тегу <d> JS добавляет этому реальному чекбоксу атрибут checked="checked", затем делает видиой вторую половину фона этого тега <b> checkbox.gif, на которой изображен уже отмеченный "чекбокс".
Все. | |
| |
|
