Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Раскрывающийся список, внешний вид


Автор: AtaL 12.5.2006, 16:21
Есть: раскрывающийся список, див с картинкой, которая должна быть кнопкой для раскрывающегося списка, по клику на картинке список открывается и закрывается, в общем, все работает как надо за исключением одной детали:
картинка всегда располагается ПОД формой, вне зависимости от z-index и т.д.

скриншот с примером тестовой формы тут:
http://a-fibermate.narod.ru/m2.jpg

код тестовой формы:

Код

<div style="z-index: 2; position: absolute; top: 280; left: 165;">
<img type="Submit" src="b.jpg" onclick="if(msel.size=='1') {msel.size='3'} else {msel.size='1'}" />
</div>

<select type="image" src="b.jpg" size='1' style='z-index: -1; margin: 0 0 0 10px; width: 170px;' id="msel" onclick="this.size='1'">
    <option>Выбор заведения
    <option>1
    <option>2                                            
    <option>3
</select>


А с этим что сделать можно?)   

Автор: R.M. 12.5.2006, 16:38
Так хитро сделать неудасца smile тега <select> в таком случае вобще не должно быть smile вот надо подобие кнопки user posted image делать т.е. всё дивами 

Автор: AtaL 12.5.2006, 17:14
Уже делаю. Вроде получается.)

Сейчас иду следующим путем:

Есть текстовое поле с неким исходным value. 
Под ним - невидимый див с таблицей, каждая строка которой - строка предполагаемого  раскрывающегося списка. Див становится видимым при клике на картинку- "стрелку", невидимым - при клике по ней же или при уводе мышки. 
Онмаусоверами и т.п. имитируется работа с раскрывающимся списком: подчеркивание строки синим и т.д.

В общем,  имитация обычного раскрывающегося списка.


При клике на строку нужное значение должно запихиваться в value текстового поля по id.

Вот вопрос: работать-то оно работает, но, может быть, есть более оптимальный способ?

И спасибо за помощь: одна бы я долго додумывалась до дивов) 

Автор: R.M. 12.5.2006, 17:33
Цитата(AtaL @  12.5.2006,  18:14 Найти цитируемый пост)
Вот вопрос: работать-то оно работает, но, может быть, есть более оптимальный способ?

Ну об оптимизации надо судить по коду, со слов всё впорядке. smile 
Цитата(AtaL @  12.5.2006,  18:14 Найти цитируемый пост)
И спасибо за помощь: одна бы я долго додумывалась до дивов)  

Незашто smile  

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)