Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Смена фона и цвета ссылки, если посетитель находиться на ней (https://javascript.ru/forum/misc/25887-smena-fona-i-cveta-ssylki-esli-posetitel-nakhoditsya-na-nejj.html)

Gawk 18.02.2012 22:40

Смена фона и цвета ссылки, если посетитель находиться на ней
 
Исчу помоши, делаю сайт, понадобилось использование явы, сам с ней почти не знаком, поэтому прошу помощи у вас.
Каким образом сделать задуманное Нужно сменить фон и цвет ссылки(меню), когда посетитель находится на этой странице.
Допустим я перерыл кучу форумов и нашел скрипт, допустим я понял как его в сайт засунуть, но как сделать что бы именно для ссылок этого класса он применял и что там есть что... Или предлагайте свой вариант, желательно с комментариями или просто объяснением о том, что нужно сделать, что бы работало.

Найденный мной скрипт:
<script> 
onload = function () 
{ 
for (var lnk = document.links, j = 0; j < lnk.length; j++) 
if (lnk [j].href == document.URL) lnk [j].style.color = 'уникальный_цвет_например_re d'; 
} 
</script>


Код страницы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Заголовок</title>

<script> 
onload = function () 
{ 
for (var lnk = document.links, j = 0; j < lnk.length; j++) 
if (lnk [j].href == document.URL) lnk [j].style.color = 'уникальный_цвет_например_re d'; 
} 
</script>
</head>

<body>
<div class="menu"> 
<ul> 
<li><A href="http://javascript.ru/ru">RUS</A></li>
<li><A href="http://javascript.ru/engl">ENG</A> <li>
</ul>
</div>
</body>
</html>



Заранее всем спасибо, кто откликнется.

Shaci 19.02.2012 00:38

Оно?
<style type = "text/css">
.colored {
color:red;
}
</style>
<body>
<ul>
      <li><a class = "colored" href = "#">Link 1</a></li>
      <li><a href = "#">Link 2</a></li>
      <li><a href = "#">Link 3</a></li>
      <li><a href = "#">Link 4</a></li>
      <li><a class = "colored" href = "#">Link 5</a></li>
      <li><a href = "#">Link 6</a></li>
</ul>
</body>

рони 19.02.2012 05:12

Gawk,
Помогите с активными ссылками в меню

Shaci 19.02.2012 06:44

Цитата:

Сообщение от рони (Сообщение 158392)

а, я не понял сначала, это то что вам нужо

Gawk 19.02.2012 15:27

Огромное вам спасибо, это то, что мне нужно, ещё раз спасибо.


Часовой пояс GMT +3, время: 19:29.