задать Background активной ссылки по ID
Помогите пожалуйста, в JS я не силен.
Вообщем есть такой скрипт: <script> onload = function () { for (var lnk = document.links, j = 0; j < lnk.length; j++) if (lnk [j].href == document.URL) lnk [j].style.background = 'url(images/menubg.png)', lnk [j].style.color = '#fff'; } </script> Но используя его на странице, он задает фон и цвет всем ссылкам документа, а мне нужно чтобы фон и цвет задавлся только ссылкам меню. Например с id="ssylka". Пытался сделать с getElementById, но ничего не получилось, так как в JS не рублю.. |
Что вам с помощью CSS помешало это сделать?
<script type="text/javascript">
window.onload = function(){
var a = document.getElementById('menu').getElementsByTagName('a'), i = a.length;
while(i--){
a[i].style.cssText = 'background: green; color: red';
}
};
</script>
<div id="menu">
<a href="#">link1</a>
<a href="#">link2</a>
<a href="#">link3</a>
</div>
</script>
|
вашим способом он задает фон (green) всем ссылкам, а мне необходимо только активной
и насколько мне известно с помощью CSS не получится задать фон-изображение активной ссылке, он будет виден только при нажатии на ссылку |
Цитата:
Что в вашем понимании? Цитата:
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
#ssylka:hover {
color: red;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<a href='#' id=''>test 1</a>
<a href='#' id='ssylka'>ssylka</a>
<a href='#' id=''>test 2</a>
</body>
</html>
Цитата:
|
скрипт в первом посте работает так как надо, задает фон-изображение активной ссылке, т.е. той, которая ведет на страницу на которой я нахожусь, но он так же задает этот же фон и всем остальным ссылкам в документе. А мне нужно чтобы скрипт работал только ссылками находящимися в блоке "menu"
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
Funkyou
Что касается как вы выразились стилизации "активной ссылки", то лично мне уже лень вам помогать, т.к. изначально вы ввели людей в заблуждение и заставили выполнить бесполезную работу, а чтобы понять как важно четко формулировать задачи вам помогут в разделе форума работа |
Цитата:
Нет такого определения. Максимум, что есть: активная ссылка -- ссылка, запускающая какое-то действие, а не открывающая другую страницу. |
Как вариант...
<script>
onload = function ()
{
var lnk = document.getElementById('ssylka')
lnk=lnk.getElementsByTagName('a')
for ( j = 0; j < lnk.length; j++)
if (lnk [j].href == document.URL) lnk [j].style.background = 'url(images/menubg.png)',
lnk [j].style.color = '#fff';
}
</script>
|
Цитата:
Спасибо помогло! |
| Часовой пояс GMT +3, время: 05:14. |