MediaWiki: Common.js

From Infinity
Jump to: navigation, search
(Fixed C1 default.)
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* Any JavaScript here will be loaded for all users on every page load. */
 
/* Any JavaScript here will be loaded for all users on every page load. */
 +
  
  
Line 75: Line 76:
 
         forceN4()
 
         forceN4()
 
     }
 
     }
 +
    if (doShow =="") {
 +
        forceN4()
 +
    }
 +
    if (doShow =="false") {
 +
        forceC1()
 +
    }
 +
 
     var showFromURL=getParameterByName('version');
 
     var showFromURL=getParameterByName('version');
 
     if (showFromURL =="n4") {
 
     if (showFromURL =="n4") {
Line 97: Line 105:
  
 
$(function () {
 
$(function () {
$('#n4gametoggle').html("<span class='gamesliderlabel'>Show full N4 rules: </span><label class='switch' > <input type='checkbox' id='gametoggle' ><span class='slider round' ></span></label>");
+
$('#n4gametoggle').html("<div id='toggleinner'><span class='gamesliderlabel'>C1 </span><label class='switch' > <input type='checkbox' id='gametoggle' ><span class='slider round' ></span></label><span class='gamesliderlabel'> N4</span></div>");
 
}());
 
}());
  

Latest revision as of 10:57, 15 September 2023

/* Any JavaScript here will be loaded for all users on every page load. */





/* The main toggle function moved here. */

function toggleN4(showN4) {
/*   alert("clicked! " +showN4); */
    if (showN4=="true") {
        $(".n4").show(300);
        $(".n4list").show(300);
        $(".n4inline").show(300);
        $(".c1hide").hide(300);
        setCookie("showN4", "true", 30);
        var user=getCookie("showN4");
 /*       alert("Saved cookie: " + user); */
        var ele = document.getElementsByClassName("c1strike");
        for(var i=0;i<ele.length;i++){
            ele[i].style.setProperty("text-decoration", "line-through");
        }
    } else {
        $(".n4").hide(300);
        $(".n4list").hide(300);
        $(".n4inline").hide(300);
        $(".c1hide").show(300);
        setCookie("showN4", "false", 30);
        var user=getCookie("showN4");
 /*       alert("Saved cookie: " + user); */
        var ele = document.getElementsByClassName("c1strike");
        for(var i=0;i<ele.length;i++){
            ele[i].style.setProperty("text-decoration", "");
        }
    }
}


function forceN4() {
/*   alert("clicked! " +showN4); */
        setCookie("showN4", "true", 30);
        $(".n4").show(0);
        $(".n4list").show(0);
        $(".n4inline").show(0);
        $(".c1hide").hide(0);
        $('#gametoggle').attr('checked', true);
        var ele = document.getElementsByClassName("c1strike");
        for(var i=0;i<ele.length;i++){
            ele[i].style.setProperty("text-decoration", "line-through");
        }
 
}


function forceC1() {
/*   alert("clicked! " +showN4); */
        setCookie("showN4", "false", 30);
        $('#gametoggle').attr('checked', false);
       $(".n4").hide(0);
       $(".n4list").hide(0);
        $(".n4inline").hide(0);
        $(".c1hide").show(0);
        var ele = document.getElementsByClassName("c1strike");
        for(var i=0;i<ele.length;i++){
            ele[i].style.setProperty("text-decoration", "");
        }
}



/* This code creates the N4 reveal slider, and what happens when you click on it. */

$(document).ready(function(){
    var doShow=getCookie("showN4");
    if (doShow =="true") {
        forceN4()
    }
    if (doShow =="") {
        forceN4()
    }
    if (doShow =="false") {
        forceC1()
    }

    var showFromURL=getParameterByName('version');
    if (showFromURL =="n4") {
        forceN4()
        setCookie("showN4", "true", 30);
    }
    if (showFromURL =="c1") {
        forceC1()
        setCookie("showN4", "false", 30);
    }

          $(".n4toggle").hide();
            $("#gametoggle").click(function(){
                if ($("#gametoggle").is(":checked")) {
                    toggleN4("true")
               } else {
                    toggleN4("false")
                }
            });
        });


$(function () {
	$('#n4gametoggle').html("<div id='toggleinner'><span class='gamesliderlabel'>C1 </span><label class='switch' > <input type='checkbox' id='gametoggle' ><span class='slider round' ></span></label><span class='gamesliderlabel'> N4</span></div>");
}());




/* URL parameter stuff. */

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}






/* Cookie stuff. */

function setCookie(cname, cvalue, exdays) {
  var d = new Date();
  d.setTime(d.getTime() + (exdays*24*60*60*1000));
  var expires = "expires="+ d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

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 "";
}