Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Как мне добиться такого вот эффекта (https://javascript.ru/forum/xhtml-html-css/59685-kak-mne-dobitsya-takogo-vot-ehffekta.html)

sergofedor06 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 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";
    }
}


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