Форум

sergofedor06 · #1 (**permalink**) 22.11.2015, 19:00

Есть блок ссылок вида

<html>
<head>
<meta charset="utf-8">
</head>

<style>
ul{display:inline-block; overflow-y:scroll; height:200px}
</style>
    
<body>

<div class="scroll-block">
<ul>
<li><a class="tip" href="http://domen.ru/index.php?search=mama">Ссылка -1</a></li>
<li><a class="tip" href="http://domen.ru/index.php?search=papa">Ссылка -2</a></li>
<li><a class="tip" href="http://domen.ru/index.php?search=baba">Ссылка -3</a></li>
<li><a class="tip" href="http://domen.ru/index.php?search=sestra">Ссылка -4</a></li>
<li><a class="tip" href="http://domen.ru/index.php?search=babka">Ссылка -5</a></li>
<li><a class="tip" href="link">Ссылка -6</a></li>
<li><a class="tip" href="link"">Ссылка -7</a></li>
<li><a class="tip" href="link">Ссылка -8</a></li>
<li><a class="tip" href="link">Ссылка -9</a></li>
<li><a class="tip" href="link">Ссылка -11</a></li>
<li><a class="tip" href="link">Ссылка -12</a></li>
<li><a class="tip" href="link">Ссылка -13</a></li>
</ul>
</div>
	
</body>
</html>

проще говоря если я перейду по ссылке вида http://domen.ru/index.php?search=baba
из поисковой строки или поисковика

то ссылка
(Ссылка -3)
в моем блоке ссылок
должна стать желтой

как этого добитmся?

EmperioAf · #2 (**permalink**) 22.11.2015, 23:45

window.onload = function(){
    var refs = document.querySelectorAll('.scroll-block a');
    for (var ref in refs){
        if (refs[ref].href == location.href)
            refs[ref].style.color = "yellow";
    }
}

Форум

Справочник

Discord чат

Курсы javascript