Difference between revisions of "MediaWiki:Jony.js"

/**
 * The iPhone Wiki MediaWiki:ios7.js
 *   - JavaScript to fix issues regarding the iOS 7 theme
 * Copyright (c) 2013-2015 Cole Johnson <coleharrisjohnson@gmail.com>
 * Licensed under CC BY-SA 3.0 <http://creativecommons.org/licenses/by-sa/3.0/>
 **/

// This function exists also at [[MediaWiki:ios6.js]], so if you change it here, change it there also (be sure to test on both skins seperatly first)
// Automatically adds the "nobborderplz" class to applicable table cells
function autoAddNoBBorderPlzClass() {
    var tables = $("table[class=wikitable]");
    
    // "table" appears to have another purpose (at least in Chrome's console)
    for (var tableIdx = 0; tableIdx < tables.length; tableIdx++) {
        var children = tables[tableIdx].children;
        if (children.length > 0 && children[0].localName == "tbody") {
            children = children[0].children; // skip the tbody tag
        }
        var height = children.length;
        for (var rowIdx = 0; rowIdx < height; rowIdx++) {
            var row = children[rowIdx].children;
            var width = row.length; // not true number of columns if there's a rowspan spanning through
            var dist = height - rowIdx;
            for (var colIdx = 0; colIdx < width; colIdx++) {
                var cell = row[colIdx];
                if (cell.rowSpan != 1 && cell.rowSpan == dist) {
                    // this is the last cell in a column, and it has a rowspan
                    if (cell.className == undefined || cell.className == "") {
                        cell.className = "nobborderplz";
                    } else {
                        cell.className = cell.className + " nobborderplz";
                    }
                }
            }
        }
    }
}

// If on an iPhone or iPod touch, add some custom CSS tweaks
function addMobileTweaks() {
    // Should probably switch to using http://detectmobilebrowsers.com/
    if (navigator.userAgent.match(/iP(od|hone)/) != undefined) {
        var elem = document.createElement("link");
        elem.rel = "stylesheet";
        elem.href = "http://theiphonewiki.com/w/index.php?title=MediaWiki:Ios7.css/mobile&action=raw";
        document.head.appendChild(elem);
    }
}

autoAddNoBBorderPlzClass();
addMobileTweaks();