Ayola.net
Новости: В связи с обилием спама, постинг на форуме временно закрыт.

Для связи с поддержкой используйте тикеты в панели управления.
 
*
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь. Июнь 25, 2017, 12:18:23


Войти


Страниц: [1]
  Печать  
Автор Тема: JS&CSS  (Прочитано 4021 раз)
0 Пользователей и 1 Гость смотрят эту тему.
atimur
Просветлённый
****

Карма: 59
Сообщений: 990


Живу в SanCity


Просмотр профиля WWW
« : Август 07, 2008, 14:32:16 »

Подсобите кто в JS шарит.)
Код:
<html>
<head>
<script>

function changeInnerHTML(strTag,strClass,strText) {
for (i=0;i<document.getElementsByTagName(strTag).length; i++) {
if (document.getElementsByTagName(strTag).item(i).className == strClass) {

document.getElementsByTagName(strTag).item(i).style.color = "red";
// document.getElementsByTagName(strTag).item(i).innerHTML = strText;
}
}
}

</script>
<style>
A.special:Link { Color: green; Text-decoration: none }
A.special:Visited { Color: green; Text-decoration: none }
A.special:Active { Color: blue; Text-decoration: none }
A.special:Hover { Color: blue; Text-decoration: none }
</style>
</head>
<body>

<br><a target="_blank" class="special" href="http://www.url.ru" title="url.ru">url.ru</a>
<br><input type="button" onclick="changeInnerHTML('a','special','URL2URL');" value="Click" />

</body>
</html>
В приведённом примере у ссылки (обозначенной классом special) меняется цвет. Он меняется для всех состояний(Link, Visited, Active, Hover) становится однотипным.

А как задать  цвет для разных состояний (Link, Visited, Active, Hover) ссылки привязанной к этому класу ?

p.s. как менять состояния ссылок во всем документе я в курсе но это не нужно.
Записан

- Правда, она всегда глаза режет...
- Капча - Идите лесом...
Astraller™
Маэстро
*****

Карма: 151
Сообщений: 1389

Вселенское зло


Просмотр профиля WWW
« Ответ #1 : Август 07, 2008, 14:39:01 »

Так в приведенном вами коде и так все верно Улыбающийся
Записан

Гамлета здесь больше нет. Осталась только тень.
atimur
Просветлённый
****

Карма: 59
Сообщений: 990


Живу в SanCity


Просмотр профиля WWW
« Ответ #2 : Август 07, 2008, 14:46:29 »

Приведеный код не удовлетворяет условиям т.к. после выполнения JS в нем у ссылки состояния (Link, Visited, Active, Hover) будут иметь все красный цвет. А нужно б как то сделать что бы они (состояния (Link, Visited, Active, Hover)) имели разный цвет.
Записан

- Правда, она всегда глаза режет...
- Капча - Идите лесом...
Astraller™
Маэстро
*****

Карма: 151
Сообщений: 1389

Вселенское зло


Просмотр профиля WWW
« Ответ #3 : Август 07, 2008, 14:57:20 »

Приведеный код не удовлетворяет условиям т.к. после выполнения JS в нем у ссылки состояния (Link, Visited, Active, Hover) будут иметь все красный цвет. А нужно б как то сделать что бы они (состояния (Link, Visited, Active, Hover)) имели разный цвет.
А вы сделайте 2 класса и меняйте именно класс Улыбающийся
Записан

Гамлета здесь больше нет. Осталась только тень.
Astraller™
Маэстро
*****

Карма: 151
Сообщений: 1389

Вселенское зло


Просмотр профиля WWW
« Ответ #4 : Август 07, 2008, 16:07:30 »

Код:
<html>
<head>
<script>

function changeInnerHTML(strTag,strClass,strText) {
for (i=0;i<document.getElementsByTagName(strTag).length; i++) {
if (document.getElementsByTagName(strTag).item(i).className == strClass) {

document.getElementsByTagName(strTag).item(i).className = "specials";
// document.getElementsByTagName(strTag).item(i).innerHTML = strText;
}
}
}

</script>
<style>
A.special:Link { Color: green; Text-decoration: none }
A.special:Visited { Color: green; Text-decoration: none }
A.special:Active { Color: blue; Text-decoration: none }
A.special:Hover { Color: blue; Text-decoration: none }

A.specials:Link { Color: #000; Text-decoration: none }
A.specials:Visited { Color: #000; Text-decoration: none }
A.specials:Active { Color: #808080; Text-decoration: none }
A.specials:Hover { Color: #808080; Text-decoration: none }
</style>
</head>
<body>

<br><a target="_blank" class="special" href="http://www.url.ru" title="url.ru">url.ru</a>
<br><input type="button" onclick="changeInnerHTML('a','special','URL2URL');" value="Click" />

</body>
</html>
Записан

Гамлета здесь больше нет. Осталась только тень.
atimur
Просветлённый
****

Карма: 59
Сообщений: 990


Живу в SanCity


Просмотр профиля WWW
« Ответ #5 : Август 07, 2008, 16:10:43 »

Спасибо.)
Записан

- Правда, она всегда глаза режет...
- Капча - Идите лесом...
Страниц: [1]
  Печать  
 
Перейти в:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.13 | SMF © 2006, Simple Machines LLC

2003-2008 © ООО "Инфотур" - Бесплатный хостинг Ayola.net
Valid XHTML 1.0! Valid CSS! Dilber MC Theme by HarzeM
Страница сгенерирована за 0.048 секунд. Запросов: 17.