User:Guy Bukzi Montag/common.js

// ************************************************** // Experimental javascript countdown timer (Splarka) // Version 0.0.3 // ************************************************** // // Usage example: // //  Only January 01 2007 00:00:00 PST until New years. // //  Javascript disabled.

function updatetimer(i) { var now = new Date; var then = timers[i].eventdate; var diff = count=Math.floor((then.getTime-now.getTime)/1000);

// catch bad date strings if(isNaN(diff)) { timers[i].firstChild.nodeValue = '** ' + timers[i].eventdate + ' **' ; return; }

// determine plus/minus if(diff<0) { diff = -diff; var tpm = ' '; } else { var tpm = ' '; }

// calcuate the diff var left = (diff%60) + ' seconds'; diff=Math.floor(diff/60); if(diff > 0) left = (diff%60) + ' minutes ' + left; diff=Math.floor(diff/60); if(diff > 0) left = (diff%24) + ' hours ' + left; diff=Math.floor(diff/24); if(diff > 0) left = diff + ' days ' + left; timers[i].firstChild.nodeValue = tpm + left;

timeouts[i] = setTimeout('updatetimer(' + i + ')',500); }

function checktimers { //hide 'nocountdown' and show 'countdown' var nocountdowns = getElementsByClassName(document, 'span', 'nocountdown'); for(var i in nocountdowns) nocountdowns[i].style.display = 'none'; var countdowns = getElementsByClassName(document, 'span', 'countdown'); for(var i in countdowns) countdowns[i].style.display = 'inline' //hide 'nomonth' and show 'countdown' var nomonths = getElementsByClassName(document, 'span', 'nomonth'); for(var i in nomonths) nomonths[i].style.display = 'none'; var months = getElementsByClassName(document, 'span', 'month'); for(var i in months) countdowns[i].style.display = 'inline'

//set up global objects timers and timeouts. timers = getElementsByClassName(document, 'span', 'countdowndate'); //global timeouts = new Array; // generic holder for the timeouts, global if(timers.length == 0) return; for(var i in timers) { timers[i].eventdate = new Date(timers[i].firstChild.nodeValue); updatetimer(i); //start it up  } } addOnloadHook(checktimers);

// ************************************************** // - end -  Experimental javascript countdown timer // **************************************************

// // Attempts to get a CSS variable into page code // Sanitizer doesn't allow simple // Example text

$("div").click(function {   var color = $(this).css("background-color");    $( "#result" ).html("That div is " + color + " ."); });

$(".testclass").css("color", returnVar("--test"));

$(function {   $("#bingo").html("The value of --test is: " + returnVar("--test") + "."); });

function returnVar(varName) { return window.getComputedStyle(document.documentElement).getPropertyValue(varName); // jQuery doesn't work: // return $(":root").css("--test") + " (jQuery)"; }