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

HTML+CSS+JavaScript

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

 

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

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

тема: ширину выпадающего списка сделать больше чем ширина select
 
 автор: lexa   (31.10.2008 в 16:24)   письмо автору
 
 

подскажите кто знает как в select ширину выпадающего списка сделать больше чем ширина select

  Ответить  
 
 автор: ddhvvn   (31.10.2008 в 17:10)   письмо автору
 
   для: lexa   (31.10.2008 в 16:24)
 

никак!

если только сделать что-то подобное на JS, но это будет уже не select ))

  Ответить  
 
 автор: titan68   (14.09.2010 в 10:00)   письмо автору
 
   для: ddhvvn   (31.10.2008 в 17:10)
 

Есть еще вариант! Только что у себя на сайте реализовал.
С помощью javascript hасширять ширину селекта при нажатии на нем в ie.

Вот пример(на библиотеке jquery):

          <select name="id_detail" id="id_detail" style="position:absolute;" >     
                    <option  value="1.9">1.9</option>
                    <option  value="2.0">2.0</option>
                    <option  value="2.1">2.1</option>
          </select>

<script type="text/javascript">

if (-[1,])  ie = false; else ie = true;   // если  браузер  ie

$('#id_detail').mousedown(function(){
        if (ie) $(this).css('width','400px');                                      
});

$('#id_detail').change(function(){
         if (ie) $(this).css('width','180px');
});
    
$('#id_detail').blur(function(){
         if (ie) $(this).css('width','180px');                                      
});        

</script>


Тут понятно, расширяем селект до 400 при моусдаун и обратно до 180 при выборе или потере фокуса селекта

  Ответить  
 
 автор: sim5   (14.09.2010 в 15:21)   письмо автору
 
   для: lexa   (31.10.2008 в 16:24)
 

<select name="" style="position:absolute;width:300px;clip:rect(2px, 180px, 20px, 2px);background:#aaaaaa;">
    <option value="1" SELECTED>aaaaaaaa</option>
    <option value="2">bbbbbbbb</option>
    <option value="3">cccccccc</option>
</select>

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

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