Difference between revisions of "Widget:mainpage"
Jump to navigation
Jump to search
Pianoforte (talk | contribs) |
Pianoforte (talk | contribs) |
||
Line 16: | Line 16: | ||
} | } | ||
− | function changeServer () { | + | function changeServer (serverName) { |
− | + | ||
document.cookie = "serverSelection=" + serverName; | document.cookie = "serverSelection=" + serverName; | ||
+ | |||
+ | |||
+ | tablinks = document.getElementsByClassName("serverTabLinks"); | ||
+ | for (i = 0; i < tablinks.length; i++) { | ||
+ | tablinks[i].className = tablinks[i].className.replace("serverTabLinks-active", ""); | ||
+ | } | ||
+ | document.getElementById('serverTabLink-' + serverName).className += " serverTabLinks-active"; | ||
+ | |||
$(".banners, .promotions, .updates").each(function(){ | $(".banners, .promotions, .updates").each(function(){ | ||
this.style.position="absolute"; | this.style.position="absolute"; | ||
− | this.style.visibility="hidden";}) | + | this.style.visibility="hidden"; |
+ | }) | ||
document.getElementById("banner-" + serverName).style.position = "relative"; | document.getElementById("banner-" + serverName).style.position = "relative"; | ||
Line 34: | Line 43: | ||
$(".jcarousel-item").each(function(){$(this).css("width", $(this).parent().parent().outerWidth());}) | $(".jcarousel-item").each(function(){$(this).css("width", $(this).parent().parent().outerWidth());}) | ||
+ | |||
$("div#banner-" + serverName + " > div > div > div").each(function(){$(this.firstChild).attr("src", $(this).data("value"))}); | $("div#banner-" + serverName + " > div > div > div").each(function(){$(this.firstChild).attr("src", $(this).data("value"))}); | ||
$("div#promotion-" + serverName + " > div > div > div").each(function(){$(this.getElementsByTagName('img')[1]).attr("src", $(this).data("value"))}); | $("div#promotion-" + serverName + " > div > div > div").each(function(){$(this.getElementsByTagName('img')[1]).attr("src", $(this).data("value"))}); | ||
+ | if (serverName == "cn") { | ||
+ | document.getElementById("eventsUrl").firstChild.href = "http://en.gfwiki.com/wiki/Events"; | ||
+ | document.getElementById("updatesUrl").firstChild.href = "http://en.gfwiki.com/wiki/Updates"; | ||
+ | } | ||
+ | else { | ||
+ | document.getElementById("eventsUrl").firstChild.href = "/wiki/Events_(" + serverName.toUpperCase()+")"; | ||
+ | document.getElementById("updatesUrl").firstChild.href = "/wiki/Events_(" + serverName.toUpperCase()+")"; | ||
+ | } | ||
} | } | ||
Line 44: | Line 62: | ||
if (serverSelection == "") serverSelection = "cn" | if (serverSelection == "") serverSelection = "cn" | ||
− | + | if (document.getElementsByClassName("serverTabLinks").length == 0) { | |
+ | serverButtonSpan = document.createElement ("span"); | ||
+ | document.getElementById("firstHeading").appendChild(serverButtonSpan); | ||
+ | serverButtonSpan.outerHTML = '<span style="position: absolute;margin: -5px 0 0 5px">' + | ||
+ | '<button id="serverTabLink-cn" class="serverTabLinks" onclick="changeServer(\'cn\')">Bilibili/DigitalSky (CN)</button>' + | ||
+ | '<button id="serverTabLink-kr" class="serverTabLinks" onclick="changeServer(\'kr\')">X.D. Global (KR)</button>' + | ||
+ | '<button id="serverTabLink-tw" class="serverTabLinks" onclick="changeServer(\'tw\')">Tianxia Game (TW)</button>' + | ||
+ | '<button id="serverTabLink-jp" class="serverTabLinks" onclick="changeServer(\'jp\')">(JP)</button>' + | ||
+ | '<span>'; | ||
+ | } | ||
changeServer (serverSelection); | changeServer (serverSelection); | ||
Line 50: | Line 77: | ||
}); | }); | ||
</script> | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 17:43, 15 January 2018
<script> function getCookie(cname) {
var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return "";
}
function changeServer (serverName) {
document.cookie = "serverSelection=" + serverName;
tablinks = document.getElementsByClassName("serverTabLinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace("serverTabLinks-active", ""); } document.getElementById('serverTabLink-' + serverName).className += " serverTabLinks-active";
$(".banners, .promotions, .updates").each(function(){ this.style.position="absolute"; this.style.visibility="hidden"; }) document.getElementById("banner-" + serverName).style.position = "relative"; document.getElementById("banner-" + serverName).style.visibility ="visible";
document.getElementById("update-" + serverName).style.position = "relative"; document.getElementById("update-" + serverName).style.visibility ="visible";
document.getElementById("promotion-" + serverName).style.position = "relative"; document.getElementById("promotion-" + serverName).style.visibility ="visible";
$(".jcarousel-item").each(function(){$(this).css("width", $(this).parent().parent().outerWidth());})
$("div#banner-" + serverName + " > div > div > div").each(function(){$(this.firstChild).attr("src", $(this).data("value"))}); $("div#promotion-" + serverName + " > div > div > div").each(function(){$(this.getElementsByTagName('img')[1]).attr("src", $(this).data("value"))}); if (serverName == "cn") { document.getElementById("eventsUrl").firstChild.href = "http://en.gfwiki.com/wiki/Events"; document.getElementById("updatesUrl").firstChild.href = "http://en.gfwiki.com/wiki/Updates"; } else { document.getElementById("eventsUrl").firstChild.href = "/wiki/Events_(" + serverName.toUpperCase()+")"; document.getElementById("updatesUrl").firstChild.href = "/wiki/Events_(" + serverName.toUpperCase()+")"; }
}
RLQ.push(function () {
$(document).ready(function() { var serverSelection = getCookie ("serverSelection"); if (serverSelection == "") serverSelection = "cn"
if (document.getElementsByClassName("serverTabLinks").length == 0) {
serverButtonSpan = document.createElement ("span");
document.getElementById("firstHeading").appendChild(serverButtonSpan);
serverButtonSpan.outerHTML = '' +
'<button id="serverTabLink-cn" class="serverTabLinks" onclick="changeServer(\'cn\')">Bilibili/DigitalSky (CN)</button>' +
'<button id="serverTabLink-kr" class="serverTabLinks" onclick="changeServer(\'kr\')">X.D. Global (KR)</button>' +
'<button id="serverTabLink-tw" class="serverTabLinks" onclick="changeServer(\'tw\')">Tianxia Game (TW)</button>' +
'<button id="serverTabLink-jp" class="serverTabLinks" onclick="changeServer(\'jp\')">(JP)</button>' +
'';
}
changeServer (serverSelection); });
}); </script>