Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Помогите закончить имитацию стандартного select
 
 автор: TetRiska   (21.07.2010 в 18:40)   письмо автору
 
 

Всем привет. Никак в голову не вкладывается реализация скрытия списка при событии 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 появятся проблемы. Прошу помощи.

  Ответить  
 
 автор: АЯ   (21.07.2010 в 21:18)   письмо автору
 
   для: 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>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования