Function createTabView

src/tabview.js:17–322

(_prefix, parent, style)

    var tvCache = {};

    var createTabView = function(_prefix, parent, style) {
        var prefix = _prefix.match(/[0-9a-zA-Z]/g).join('');
        var cached = false;

        if (style == undefined) {
            style = {
                "tv" : 'tv',
                "tv_table" : 'tv_table',
                "tr_tabs" : 'tr_tabs',
                "tr_content" : 'tr_content',
                "td_content" : 'td_content',
                "td_tabs" : 'td_tabs',
                "tv_tabs_fill" : 'tv_tabs_fill',
                "tv_tabs_table" : 'tv_tabs_table',
                "tv_tabs_align" : 'tv_tabs_align',
                "tv_contents" : 'tv_contents',
                "tv_tab_selected" : 'tv_tab tv_selected',
                "tv_tab_close" : 'tv_tab_close',
                "tv_tab" : 'tv_tab',
                "tv_content": 'tv_content'
            };
        }

        var container = crc('div', style.tv, 'main' + prefix);
        var table = crc('table', style.tv_table + ' noborder', 'main_table' + prefix);

        if (table.inserted) {
            cached = true;
        } else {
            tvCache[prefix] = {};
            tvCache[prefix].g_entries = {};
            tvCache[prefix].g_selectedId = null;
        }

        var ptr = crc('tr', style.tr_tabs, 'tabs' + parent.id + prefix);
        var ptd = crc('td', style.td_tabs, 'pages' + prefix);
        var tabs_fill = crc('div', style.tv_tabs_fill, 'tv_tabs_fill' + prefix);
        var tabs_table = crc('div', style.tv_tabs_table, 'tv_tabs_table' + prefix);
        var tabs = crc('div', style.tv_tabs_align, 'tv_tabs_align' + prefix);

        var ctr = crc('tr', style.tr_content, 'content' + parent.id + prefix);
        var ctd = crc('td', style.td_content, 'content' + prefix);
        var content = crc('table', style.tv_contents + ' noborder', 'tv_content' + prefix);

        tabs_table.appendChild(tabs);
        tabs_fill.appendChild(tabs_table);
        ptd.appendChild(tabs_fill);
        ptr.appendChild(ptd);
        table.appendChild(ptr);

        ctd.appendChild(content);
        ctr.appendChild(ctd);
        table.appendChild(ctr);
        container.appendChild(table);

        parent.appendChild(container);

        var setHtmlVisible = function(elem, vis, move) {