Показать сообщение отдельно
  #1 (permalink)  
Старый 15.06.2012, 17:02
Интересующийся
Отправить личное сообщение для klev2004 Посмотреть профиль Найти все сообщения от klev2004
 
Регистрация: 05.04.2012
Сообщений: 25

Изображения в <select>
Занимаюсь реализацией выпадающего списка флагов стран. За основу взял идею отсюда:
http://archives.kh.ua/battle1.htm
Немного переиначил под себя и исправил вывод изображения в поле сразу после открытия страницы. Но вот обнаружил досадную проблему - изображения в выпадающем списке видно только в FF. В IE, Opera и GC не работает.
Помогите найти решение проблемы.

<style type="text/css">
    .icon {
        height: 36px;
        width:  36px;
        background-repeat: no-repeat;
        padding-top: 1px;
        padding-bottom: 1px;
        background-position: right;
    }


</style>

<script type="text/javascript" language="javascript">
 function doIcon( pVal)
 {
  var obj = document.getElementById( 'imgCombo');
  var img = 'imgselect/' + pVal + '.gif';
  obj.style.background = "url( '" + img + "') no-repeat";
 }
</script>

<form>
 <select id='imgCombo' onChange="javascript: doIcon( this.value );" style="width: 65px;" class="icon">
                 <option style="background-image: url(imgselect/01.gif);" class="icon" value="01">2</option> 
                 <option style="background-image: url(imgselect/02.gif);" class="icon" value="02">3</option> 
                 <option style="background-image: url(imgselect/03.gif);" class="icon" value="03">4</option>
                 <option style="background-image: url(imgselect/04.gif);" class="icon" value="04">5</option>
                 <option style="background-image: url(imgselect/05.gif);" class="icon" value="05">4</option>
                 <option style="background-image: url(imgselect/06.gif);" class="icon" value="06">4</option>
 </select>
</form>
Ответить с цитированием