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

HTML+CSS+JavaScript

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

 

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

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

тема: <select> список цветов
 
 автор: sl1p   (03.10.2008 в 21:34)   письмо автору
 
 

как его правильно сделать?

если для <option> указать background:black; ,например, то в ИЕ всё окок.. при выборе такого и сам select окрашивается в такой цвет..
Но в ФФ такое не катит..

Я думал юзнуть js, менять бг селекта на бг оптиона..

Но может както можно и просто css?

  Ответить  
 
 автор: PAT   (04.10.2008 в 05:02)   письмо автору
 
   для: sl1p   (03.10.2008 в 21:34)
 

"Юзните js"
<select onmousedown="if (navigator.userAgent.indexOf ('Firefox') > 0) this.style.backgroundColor = 'white'"
 onchange="if (navigator.userAgent.indexOf ('Firefox') > 0)  this.style.backgroundColor = this.options [selectedIndex].style.backgroundColor">
<option>opt1</option>
<option style="background-color: red">opt2</option>
<option>opt3</option>
<option>opt4</option>
<option>opt5</option>
</select>

[поправлено модератором]

  Ответить  
 
 автор: sl1p   (04.10.2008 в 08:42)   письмо автору
 
   для: PAT   (04.10.2008 в 05:02)
 

всё нормально вроде :\

зы. спасибо за пример.

  Ответить  
 
 автор: sl1p   (05.10.2008 в 17:37)   письмо автору
1.2 Кб
 
   для: sl1p   (04.10.2008 в 08:42)
 

пример не подходит...

вопрос остаётся в силе..(
нужно чёто типа такого: аттач

  Ответить  
 
 автор: PAT   (05.10.2008 в 18:12)   письмо автору
 
   для: sl1p   (05.10.2008 в 17:37)
 

Пример - подходит.

<select style="background-color: red" onchange="if (navigator.userAgent.indexOf ('Firefox') > 0) this.style.backgroundColor = this.options [selectedIndex].style.backgroundColor">
<option style="background-color: red">каждый</option>
<option style="background-color: orange">охотник</option>
<option style="background-color: yellow">желает</option>
<option style="background-color: green">знать</option>
<option style="background-color: blue">где</option>
<option style="background-color: navy">сидит</option>
<option style="background-color: violet">фазан</option>
</select>

[поправлено модератором]

  Ответить  
 
 автор: sl1p   (05.10.2008 в 18:57)   письмо автору
 
   для: PAT   (05.10.2008 в 18:12)
 

прежде чем выкладывать нужно самому тестить если вы такой правильный.
как умею так и пишу, не нравится - не смотрите\не отвечайте.

оно меняет полностью и себя и цвет оптионов - не подходит.

  Ответить  
 
 автор: PAT   (05.10.2008 в 20:11)   письмо автору
 
   для: sl1p   (05.10.2008 в 18:57)
 

>"как умею так и пишу" - это неверно.

Всё протестировано (FF2.00.17, Opera9.52, MSIE6.0) и всё работает.

[поправлено модератором]

  Ответить  
 
 автор: sl1p   (05.10.2008 в 21:26)   письмо автору
 
   для: PAT   (05.10.2008 в 20:11)
 

извиняюсь смешал 2 кода..

всё отлично, спасибо!

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

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