Dragon Quest Wiki

User:FlyingRagnar/vector.js: Difference between revisions

User:FlyingRagnar/vector.js (view source)

Revision as of 03:33, 20 October 2011

3,472 bytes added ,  03:33, 20 October 2011
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
/*
// run the currently selected effect
function createJQueryTabs()
function runEffect(var tableIndex) {
// most effect types need no options passed by default
var options = {};
// run the effect
$( "#collapsibleTable" + tableIndex ).toggle("blind", options, 500 );
};
});
 
 
/** Collapsible tables *********************************************************
*
*  Description: Allows tables to be collapsed, showing only the header. See
*              [[Wikipedia:NavFrame]].
*  Maintainers: [[User:R. Koot]]
*  Source: Wikipedia Common.js, imported 2/1/10
*  Additional Notes: This is the primary method used to collapse navigational templates.
*  Import Notes: Dragon Quest wiki does not currently use the 'innercollapse', 'outercollapse', or 'autocollapse' 
*  functionality.  In IE, the size of tables are set to be the same when shown or hidden, this is not the case
*  in Firefox or Chrome.  It is generally preferred to allow tables to size themselves rather than specify a fixed width.
*  Usage: Create a table and give it the class "collapsible".  Ensure that the table has a header row.  Add the class
*  "collapsed" if you wish the table to be collapsed on page load.
*/
var autoCollapse = 2;
var collapseCaption = "hide";
var expandCaption = "show";
function collapseTable( tableIndex )
{
{
     var tabGroup = 0;
     var Button = document.getElementById( "collapseButton" + tableIndex );
     var Tabs = document.getElementsByTagName( "div" );
     var Table = document.getElementById( "collapsibleTable" + tableIndex );
   
   
     for ( var i = 0; i < Tabs.length; i++ ) {
     if ( !Table || !Button ) {
         if ( hasClass( Tabs[i], "tabs" ) ) {
         return false;
    }
 
    // run the effect
    $( "#collapsibleTable" + tableIndex ).toggle("blind", options, 500 );
   
   
             Tabs[i].setAttribute("id", "tabs" + tabGroup);
    //var Rows = Table.rows;
    if ( Button.firstChild.data == collapseCaption ) {
        //for ( var i = 1; i < Rows.length; i++ ) {
        //    Rows[i].style.display = "none";
        //}
        Button.firstChild.data = expandCaption;
    } else {
        //for ( var i = 1; i < Rows.length; i++ ) {
        //    Rows[i].style.display = Rows[0].style.display;
        //}
        Button.firstChild.data = collapseCaption;
    }
}
function createTableCollapseButtons()
{
    var tableIndex = 0;
    var NavigationBoxes = new Object();
    var Tables = document.getElementsByTagName( "table" );
    for ( var i = 0; i < Tables.length; i++ ) {
        if ( hasClass( Tables[i], "collapsible" ) ) {
            /* only add button and increment count if there is a header row to work with */
            var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
            if (!HeaderRow) continue;
            var Header = HeaderRow.getElementsByTagName( "th" )[0];
             if (!Header) continue;
            NavigationBoxes[ tableIndex ] = Tables[i];
            Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
            var Button    = document.createElement( "span" );
            var ButtonLink = document.createElement( "a" );
            var ButtonText = document.createTextNode( collapseCaption );
            Button.className = "collapseButton";  //Styles are declared in Common.css
 
            ButtonLink.style.color = Header.style.color;
            ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
            //ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ");" );
            ButtonLink.appendChild( ButtonText );


             var Tlinks = Tabs[i].getElementsByTagName( "a" );
             // fix width of table to be the same when shown or hidden (IE only)
             for( var j = 0; j < Tlinks.length; j++ ) {
            // Tables[i].style.width = Tables[i].offsetWidth;
              Tlinks[j].setAttribute("href", "#tabs" + tabGroup + "-" + (j+1));  
             }
            Button.appendChild( document.createTextNode( "[" ) );
             Button.appendChild( ButtonLink );
            Button.appendChild( document.createTextNode( "]" ) );
             Header.insertBefore( Button, Header.childNodes[0] );


             var Tdivs = Tabs[i].getElementsByTagName( "div" );
             $( "#collapseButton" + tableIndex ).click(function() {
             for( var k = 0; k < Tdivs.length; k++ ) {
collapseTable(tableIndex);
              Tdivs[k].setAttribute("id", "tabs" + tabGroup + "-" + (k+1));  
return false;
            });
             tableIndex++;
        }
    }
    for ( var i = 0; i < tableIndex; i++ ) {
        if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
            collapseTable( i );
        }
        else if ( hasClass( NavigationBoxes[i], "innercollapse" ) ) {
            var element = NavigationBoxes[i];
            while (element = element.parentNode) {
                if ( hasClass( element, "outercollapse" ) ) {
                    collapseTable ( i );
                    break;
                }
             }
             }
            tabGroup++;
         }
         }
     }
     }
}
}
   
   
jQuery( createJQueryTabs );
addOnloadHook( createTableCollapseButtons );
 
mw.loader.load( 'jquery.ui.tabs' );
function load_tabs() {
 
  var Tabs = document.getElementsByClassName("tabs");
  for( var i = 0; i < Tabs.length; i++ ) {
    var tid = "#tabs" + i;
    jQuery( tid ).tabs({ event: "mouseover" });
  } 
 
};
jQuery( load_tabs );
*/
//addOnloadHook( load_tabs );


// install [[Wikipedia:User:Cacycle/wikEd]] in-browser text editor
// install [[Wikipedia:User:Cacycle/wikEd]] in-browser text editor
Retrieved from "https://dragon-quest.org/w/index.php?title=Special:MobileDiff/48275"