Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как задать style выпадающему списку? / 9 сообщений из 9, страница 1 из 1
19.03.2007, 17:01
    #34400865
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать style выпадающему списку?
Заполнить выпадающий список выбора можно при апомощи объекта Option. Его синтакс следующий:

Option(text, value, [default selected], [selected])

А вот пример использования:

<HTML>
<BODY>

<form name=MyForm>
<script language = javascript>
function foo(){
document.MyForm.select1.length=0; //this clears the select box
document.MyForm.select1.options[0] = new Option("<Select One>","0",true,true);
for (var i=0; i < 20;i++) {
document.MyForm.select1.options[i+1] = new Option("Option" + i,"Value" + i);
}
}
</script>

<p><SELECT name="select1" style="HEIGHT: 22px; WIDTH: 340px">
</select>
<p><input type=button value="Заполнить" onclick="foo()">
</form>
</BODY>
</HTML>



ВОПРОС, КАК ЗАДАТЬ ЦВЕТ КАЖДОМУ ПУНКТУ ВЫПАДАЮЩЕГО СПИСКА!
ЭТО КАК ТО НАДО СДЕЛАТЬ ВО ВРЕМЯ ВЫПОЛНЕНИЯ ФУНКЦИИ foo???
...
Рейтинг: 0 / 0
19.03.2007, 17:05
    #34400875
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать style выпадающему списку?
option.style.color="цвет"
...
Рейтинг: 0 / 0
19.03.2007, 17:17
    #34400915
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать style выпадающему списку?
SkyLightoption.style.color="цвет"

Это меняет цвет букв, а мне нужно менять цвет заднего фона каждого пункта по отдельности?
...
Рейтинг: 0 / 0
19.03.2007, 17:29
    #34400946
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать style выпадающему списку?
option.style.backgroundColor="цвет"
...
Рейтинг: 0 / 0
21.03.2007, 17:09
    #34406672
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать style выпадающему списку?
SkyLightoption.style.backgroundColor="цвет"

Спасибо за ответ!

Еще один вопрос по тому же примеру, я хочу сделать отступ у текста в выпадающем списке, делаю просто пробелы перед названием, на IE все ОК а на NN все пробелы заменяются 1 пробелом, т.е отступ не виден!

Что можете посоветовать?
...
Рейтинг: 0 / 0
21.03.2007, 17:16
    #34406699
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать style выпадающему списку?
padding на OPTION вроде не распространяется. Можно попробовать пробелы позаменять на "&_nbsp;" (знак "_" убери, это я так написал, иначе форум принимает эту конструкцию за символ.)
...
Рейтинг: 0 / 0
22.03.2007, 12:08
    #34408212
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать style выпадающему списку?
SkyLightpadding на OPTION вроде не распространяется. Можно попробовать пробелы позаменять на "&_nbsp;" (знак "_" убери, это я так написал, иначе форум принимает эту конструкцию за символ.)

Не работает, пишет прямо текст & nbsp;

В IE простое добавление пробелов и виден отступ, а в NN он не виден!
Как можно еще пробелы записать, может какой шестнадцатеричный код!
...
Рейтинг: 0 / 0
22.03.2007, 13:57
    #34408694
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать style выпадающему списку?
armix2000 SkyLightpadding на OPTION вроде не распространяется. Можно попробовать пробелы позаменять на "&_nbsp;" (знак "_" убери, это я так написал, иначе форум принимает эту конструкцию за символ.)

Не работает, пишет прямо текст & nbsp;
не может быть
А если правда, я б не стал возиться. Пусть делают нормальный браузер\
В ФФ - с кодами работает
...
Рейтинг: 0 / 0
23.03.2007, 11:42
    #34411020
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать style выпадающему списку?
LINUXER armix2000 SkyLightpadding на OPTION вроде не распространяется. Можно попробовать пробелы позаменять на "&_nbsp;" (знак "_" убери, это я так написал, иначе форум принимает эту конструкцию за символ.)

Не работает, пишет прямо текст & nbsp;
не может быть
А если правда, я б не стал возиться. Пусть делают нормальный браузер\
В ФФ - с кодами работает

Действительно глюк браузера!
Пробовал еще перебрать в цикле уже сформированный выпадающий список - ВСЕ ТОЖЕ!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как задать style выпадающему списку? / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]