VPF::Изменить цвет надписи - Форум программистов

Competitor

Дата 10.1.2007, 19:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 440
Регистрация: 23.3.2005
Где: Tula

Репутация: нет
Всего: -1

Как в нижеприведенном коде изменить цвет надписи NAME на, например, голубой?

Код


      var lable = document.getElementById("myElement");
      lable.setAttribute("label", 'This is element: ' + NAME + 'is my');

--------------------

Блог .Net программиста

12345c

Дата 10.1.2007, 19:43 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Ошибка: не 'is my', а 'is mine'.
Может быть, title? Тогда никак.

Competitor

Дата 10.1.2007, 19:46 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 440
Регистрация: 23.3.2005
Где: Tula

Репутация: нет
Всего: -1

--------------------

Блог .Net программиста

dstorm81

Дата 11.1.2007, 09:07 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

Код


<html>
<div id="myElement">
change color on royalblue
</div>
<script>
 var lable = document.getElementById("myElement");//handle 2 element with id=myElement
       lable.style.color="royalblue";//change color 
</script>
</html>

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

Competitor

Дата 11.1.2007, 11:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 440
Регистрация: 23.3.2005
Где: Tula

Репутация: нет
Всего: -1

dstorm81, это изменит цвет все строки, а нужно, чтобы перекрасилась только часть строки. Например для строки "The element nameOfMyElement is mine" голубым должно стать лишь слово "nameOfMyElement"
Конечно, как вариант, можно разбить этот елемент на три и для каждого задать нужный мне цвет.
Но как все-таки применить изменение цвета к части элемента, в данном случае к NAME (см. пример выше)

--------------------

Блог .Net программиста

skyboy

Дата 11.1.2007, 20:36 (ссылка)

(нет голосов)

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 10
Всего: 260

Competitor, никак.

dstorm81

Дата 12.1.2007, 09:10 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

как обычно в таких случаях - вас спасут регулярные выражения

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

dstorm81

Дата 12.1.2007, 09:40 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

Код


<html>
<head>
<title>replace</title>
<style>
.rb{color:royalblue}
</style>
</head>
<body>
<div id="myElement">
The element nameOfMyElement is mine.The element nameOfMyElement is mine.
The element nameOfMyElement is mine.The element nameOfMyElement is mine.
The element nameOfMyElement is mine.The element nameOfMyElement is mine.
The element nameOfMyElement is mine.The element nameOfMyElement is mine.
The element nameOfMyElement is mine.The element nameOfMyElement is mine.
</div>
<script>
 var lable=document.getElementById("myElement");
     lable.innerHTML=lable.innerHTML.replace(/(nameOfMyElement)/gi,'<span class="rb">nameOfMyElement</span>')
</script>
</body>
</html>

ну вот так примерно, вариантов куча

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »