helialprofile.png
Welcome to IOPWiki, Commander. You can contribute to this wiki without an account. Learn how to contribute and join our Discord server.

Difference between revisions of "MediaWiki:Gadget-artTab.js"

Welcome to IOP Wiki. This website is maintained by the Girls' Frontline community and is free to edit by anyone.
Jump to navigation Jump to search
(Blanked the page)
Line 1: Line 1:
 +
function artTabSwitch(evt, artTabName) {
 +
    var i, tabcontent, tablinks;
 +
    tabcontent = document.getElementsByClassName("artTabContent");
 +
    for (i = 0; i < tabcontent.length; i++) {
 +
        tabcontent[i].style.display = "none";
 +
    }
 +
    tablinks = document.getElementsByClassName("artTabLinks");
 +
    for (i = 0; i < tablinks.length; i++) {
 +
        tablinks[i].className = tablinks[i].className.replace(" active", "");
 +
    }
 +
    document.getElementById(artTabName).style.display = "block";
 +
    evt.currentTarget.className += " active";
 +
}
  
 +
$(document).ready(function() {
 +
    if (document.getElementById("artTab")) {
 +
var artTabDiv = document.getElementById("artTab");
 +
buttonsStr =  '<div style="position:absolute;top:0;left:0">' +
 +
                      '<button class="artTabLinks" id="defaultArtTab" onclick="artTabSwitch(event, \'fullart\')">Normal</button>' +
 +
                      '<button class="artTabLinks" onclick="artTabSwitch(event, \'fullart_D\')">Damaged</button>' +
 +
                    '</div>'
 +
        if (document.getElementById ("defaultArtTab") === null)  {
 +
    artTabDiv.insertAdjacentHTML( 'afterbegin', buttonsStr);
 +
        }
 +
 +
document.getElementById("defaultArtTab").click();
 +
    }
 +
});

Revision as of 07:14, 26 December 2017

function artTabSwitch(evt, artTabName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("artTabContent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("artTabLinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(artTabName).style.display = "block";
    evt.currentTarget.className += " active";
}

$(document).ready(function() { 
    if (document.getElementById("artTab")) {
	var artTabDiv = document.getElementById("artTab");
	buttonsStr =   '<div style="position:absolute;top:0;left:0">' +
                       '<button class="artTabLinks" id="defaultArtTab" onclick="artTabSwitch(event, \'fullart\')">Normal</button>' +
                       '<button class="artTabLinks" onclick="artTabSwitch(event, \'fullart_D\')">Damaged</button>' +
                    '</div>'
        if (document.getElementById ("defaultArtTab") === null)  { 
	    	artTabDiv.insertAdjacentHTML( 'afterbegin', buttonsStr);
        }

	document.getElementById("defaultArtTab").click();
    }
});