Forum Webscript.Ru

Программирование => JavaScript & JScript => Тема начата: Reindjer от 01 Марта 2007, 20:08:21

Название: изменение цвета в динам. поле select
Отправлено: Reindjer от 01 Марта 2007, 20:08:21
здравствуйте:)

столкнулся с проблемой что не знаю как изменить цвет текста при составлении динамического поля select.
то есть:

средствами javascript создается динамическое поле select id=2 в зависимости от значения первого поля id=1. При составлении списка надо чтоб определенные пункты в поле select отображались другим цветом:
ну вот что то типа этого. document.getelementbyid("razdel").style.color="#111111" не работает.

раздел
подраздел
подраздел
подраздел

раздел
подраздел
подраздел
подраздел
...
...
раздел
подраздел
...
Название: изменение цвета в динам. поле select
Отправлено: html_coder от 02 Марта 2007, 11:49:10
Reindjer, ниже преведены два способа, работают оба..

Расскоментируешь первый способ получишь красный цвет, иначе будет синий.

А вообще

Цитировать
Reindjer:
document.getelementbyid("razdel").style.color="#111111" не работает.


Работать не будет, потому что JavaScript регистрозависимый и метода getelementbyid вообще нет!













Название: изменение цвета в динам. поле select
Отправлено: andymc от 02 Марта 2007, 15:34:06
Недавно открыл для себя, что вот так работает тоже: option1.style.color = \'#00F\';
Название: изменение цвета в динам. поле select
Отправлено: html_coder от 02 Марта 2007, 17:36:04
Цитировать
andymc:
Недавно открыл для себя, что вот так работает тоже:

option1.style.color = \'#00F\';



Сомневаюсь, что во всех браузерах. Поэтому все же лучше не использовать!
Название: изменение цвета в динам. поле select
Отправлено: Reindjer от 02 Марта 2007, 21:14:13
о:) спасибо большое:)
Название: изменение цвета в динам. поле select
Отправлено: Reindjer от 03 Марта 2007, 10:14:59
ой... а как мне в нижеследующем коде, который генерит поле select
вставить id у option (то есть )


//принимает список значений из пхп
var Resp = reqrequest.responseJS.q;
//принимает список id значений из пхп
var RespId=reqrequest.responseJS.q_id;
//создаем массив значений
var Values = Resp.split(\'|\');
//создаем массив id значений
var ValuesId=RespId.split(\'|\');
//сколько элементов в массиве
var cLength = Values.length;
var oList = document.forms[\'dataForm\'].elements[\'rubric\'];
//обнуляем список select
oList.length = 0;
for (i = 0; i < cLength; i++) {
  if (document.createElement){
    //создаем элемент option
    var newListOption = document.createElement(\'OPTION\');
    //вставляем id значений
    newListOption.value = ValuesId[i];
    //вставляем текстовые значения
    newListOption.text = Values[i];
    //создаем элемент
    (oList.options.add) ? oList.options.add(newListOption) : oList.ad (newListOption, null);
  }else{
    // создаем элемент для NN3.x-4.x
    oList.options[i] = new Option(Values[i], Values[i+1], false, false);
  }
}
Название: изменение цвета в динам. поле select
Отправлено: andymc от 03 Марта 2007, 15:02:41
А может быть так newListOption.id = ValuesId[i];
Название: изменение цвета в динам. поле select
Отправлено: Reindjer от 08 Марта 2007, 18:46:11
так то оно так... все перебробывал что мне посоветовали в данной теме - не помогает.
подробно: