javascript-tab-generator

Gesponsorde koppelingen

PHP script bestanden

  1. javascript-tab-generator

« Lees de omschrijving en reacties

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
<? //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);
?>

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.