|
|
|
| Всем привет. Никак в голову не вкладывается реализация скрытия списка при событии onmouseout. Изначально у нас есть текстовое поле, где отображаются значения, рядом кнопка для отображения списка. Список изначально скрыт, после нажатия на кнопку он появляется под текстовым полем с кнопкой. При выборе из списка значения скрыть список не сложно, а вот как реализовать скрытие списка если мы нажали в любое место экрана? Т.е. по аналогии со стандартным select-ом.
Текстовое поле с кнопкой:
<div class="all">Размер: <input id="selectval_'.$t.'" class="inp1" name="" type="text"
value="'.$razmer.'" readonly="readonly" disabled="disabled" />
<div class="btn" onclick="showselect('.$t.');"></div></div>
|
Сам список:
<div id="select_'.$t.'" class="select">
<div id="param_35" onclick="selectparam(35,'.$t.','.$result2['id'].');">35</div>
<div id="param_36" onclick="selectparam(36,'.$t.','.$result2['id'].');">36</div>
<div id="param_37" onclick="selectparam(37,'.$t.','.$result2['id'].');">37</div>
<div id="param_38" onclick="selectparam(38,'.$t.','.$result2['id'].');">38</div>
<div id="param_39" onclick="selectparam(39,'.$t.','.$result2['id'].');">39</div>
<div id="param_40" onclick="selectparam(40,'.$t.','.$result2['id'].');">40</div>
<div id="param_41" onclick="selectparam(41,'.$t.','.$result2['id'].');">41</div>
<div id="param_42" onclick="selectparam(42,'.$t.','.$result2['id'].');">42</div>
<div id="param_43" onclick="selectparam(43,'.$t.','.$result2['id'].');">43</div>
<div id="param_44" onclick="selectparam(44,'.$t.','.$result2['id'].');">44</div>
<div id="param_45" onclick="selectparam(45,'.$t.','.$result2['id'].');">45</div>
</div>
|
Какие Ваши идеи будут? Перепробовал массу вариантов, находил как бы подходящие идеи, но в ИЕ6 появятся проблемы. Прошу помощи. | |
|
|
|
|
|
|
|
для: TetRiska
(21.07.2010 в 18:40)
| | Функцию по onclick надо вешать не на кнопки, а на весь документ.
Внутри функции надо определять - на какой объект кликнули. Зная объект, может делать всё, что вам надо - скрывать/открывать и т. д.
<script>
onload = function () {document.onclick = mF}
function mF (ev)
{
var e = ev || window.event, o = e.srcElement || e.target;
alert (o.tagName + o.id); //здесь нужное действие вместо алерта
}
</script>
|
| |
|
|
|