blob: 639cf5d57a605591618a6d728c3160942b413549 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
var styleForRule = function (rule) {
var sheets = document.styleSheets;
for (var s = 0; s < sheets.length; s++) {
var rules = sheets[s].cssRules;
for (var r = 0; r < rules.length; r++) {
if (rules[r].selectorText == rule) {
return rules[r].style;
}
}
}
};
var highlight = function () {
var color = styleForRule("a:hover")["background-color"];
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
var that = links[i];
if (this.href == that.href) {
that.style["background-color"] = color;
}
}
};
/*
* I have no idea what is the proper antonym for "highlight" in this
* context. "Diminish"? "Unhighlight"? "Lowlight" sounds ridiculously
* so I like it.
*/
var lowlight = function () {
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
var that = links[i];
if (this.href == that.href) {
that.style["background-color"] = "";
}
}
};
window.onload = function () {
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
links[i].onmouseover = highlight;
links[i].onmouseout = lowlight;
}
};
|
