blob: 9c16e43764014ee92d4e179d742190a6e1c6aacc (
plain)
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
// Appends HashOver theme CSS to page head (appendcss.js)
HashOverConstructor.prototype.appendCSS = function (id)
{
id = id || 'hashover';
// Get the page head
var head = document.head || document.getElementsByTagName ('head')[0];
// Get head link tags
var links = head.getElementsByTagName ('link');
// Theme CSS regular expression
var themeRegex = new RegExp (this.setup['theme-css']);
// Get the main HashOver element
var mainElement = this.getMainElement (id);
// Do nothing if the theme StyleSheet is already in the <head>
for (var i = 0, il = links.length; i < il; i++) {
if (themeRegex.test (links[i].href) === true) {
// Hide HashOver if the theme isn't loaded
if (links[i].loaded === false) {
mainElement.style.display = 'none';
}
// And do nothing else
return;
}
}
// Otherwise, create <link> element for theme StyleSheet
var css = this.elements.create ('link', {
rel: 'stylesheet',
href: this.setup['theme-css'],
type: 'text/css',
loaded: false
});
// Check if the browser supports CSS load events
if (css.onload !== undefined) {
// CSS load and error event handler
var onLoadError = function ()
{
// Get all HashOver class elements
var hashovers = document.getElementsByClassName ('hashover');
// Show all HashOver class elements
for (var i = 0, il = hashovers.length; i < il; i++) {
hashovers[i].style.display = '';
}
// Set CSS as loaded
css.loaded = true;
};
// Hide HashOver
mainElement.style.display = 'none';
// And and CSS load and error event listeners
css.addEventListener ('load', onLoadError, false);
css.addEventListener ('error', onLoadError, false);
}
// Append theme StyleSheet <link> element to page <head>
head.appendChild (css);
};
|