javascript-tab-generator
Gesponsorde koppelingen
PHP script bestanden
Code (php)
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
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
<? //kleuren en opmaak
/* Algemene functies */
var fns = {
// Toggle een elements zichtbaarheid
toggle: function(el, force) {
if(typeof force != 'undefined')
el.style.display = force;
else
el.style.display = el.style.display ? '' : 'none';
},
// Doorloop object met een functie
each: function(obj, fn) {
if(obj[0])
for(var i=0;i<obj.length;i++) fn.apply(obj[i], [i]);
else
for(var i in obj) fn.apply(obj[i], [i]);
return obj;
},
// Navigeer naar een tab
gotoTab: function() {
var self = this;
fns.each(document.getElementsByTagName('div'), function(i){
if(/^tab$/.test(this.className)) {
if(self.xid == i)
fns.toggle(this, '');
else
fns.toggle(this, 'none');
}
})
},
// Prepareer alle tabs
initTabs: function() {
var tabMenu = document.getElementById('tabmenu'),
li = document.createElement('li'),
span = document.createElement('span'),
counter = 1;
fns.each(document.getElementsByTagName('div'), function(i){
if(/^tab$/.test(this.className)) {
if(counter>1)
fns.toggle(this);
li = li.cloneNode(false);
span = span.cloneNode(false);
span.className = 'tabButton';
span.appendChild(document.createTextNode(tabTexts[counter-1] || 'Tab ' + counter));
li.xid = i;
li.onclick = fns.gotoTab;
li.appendChild(span);
tabMenu.appendChild(li);
counter++;
}
})
}
};
/* Hier initialiseren we de tabs */
// Eventuele tabmenu teksten, standaard wordt de tekst "tab N" gebruikt
//var tabTexts = [];
var tabTexts = ['Home', 'Over ons', 'Gastenboek', 'Links', 'Downloads', 'Contact'];
if(window.addEventListener)
window.addEventListener('load', fns.initTabs, false);
else if(window.attachEvent)
window.attachEvent('onload', fns.initTabs);
?>
/* Algemene functies */
var fns = {
// Toggle een elements zichtbaarheid
toggle: function(el, force) {
if(typeof force != 'undefined')
el.style.display = force;
else
el.style.display = el.style.display ? '' : 'none';
},
// Doorloop object met een functie
each: function(obj, fn) {
if(obj[0])
for(var i=0;i<obj.length;i++) fn.apply(obj[i], [i]);
else
for(var i in obj) fn.apply(obj[i], [i]);
return obj;
},
// Navigeer naar een tab
gotoTab: function() {
var self = this;
fns.each(document.getElementsByTagName('div'), function(i){
if(/^tab$/.test(this.className)) {
if(self.xid == i)
fns.toggle(this, '');
else
fns.toggle(this, 'none');
}
})
},
// Prepareer alle tabs
initTabs: function() {
var tabMenu = document.getElementById('tabmenu'),
li = document.createElement('li'),
span = document.createElement('span'),
counter = 1;
fns.each(document.getElementsByTagName('div'), function(i){
if(/^tab$/.test(this.className)) {
if(counter>1)
fns.toggle(this);
li = li.cloneNode(false);
span = span.cloneNode(false);
span.className = 'tabButton';
span.appendChild(document.createTextNode(tabTexts[counter-1] || 'Tab ' + counter));
li.xid = i;
li.onclick = fns.gotoTab;
li.appendChild(span);
tabMenu.appendChild(li);
counter++;
}
})
}
};
/* Hier initialiseren we de tabs */
// Eventuele tabmenu teksten, standaard wordt de tekst "tab N" gebruikt
//var tabTexts = [];
var tabTexts = ['Home', 'Over ons', 'Gastenboek', 'Links', 'Downloads', 'Contact'];
if(window.addEventListener)
window.addEventListener('load', fns.initTabs, false);
else if(window.attachEvent)
window.attachEvent('onload', fns.initTabs);
?>