Hello, here are some random bits and pieces

^ Javascript Projects

^ Web Design

Resources

All sensible stuff is above this line ... below is a mishmash of bits and pieces

- Only misc testing stuff from here on in ... -

^ Sliding left-right

^ Pie Chart _{+example heading item}

^ Overlay Progress Effect _{+example heading item with it's own id}

^ Math^(working)

^ Border collapse

^ Progress Bars

^ fake link

^ .js GET request

^ Hammer & wrench

^ unit tests

^ Chart.js

^ stacking

^ table

^ set cascade generator (v3)

^ slowMult

^ mutate

^ fake yield

^ FizzBuzz

^ Symbols to words tricks

^ Standardized DateTime formatting

var id = function(){
  var id=0;
  function getNextId() { return id++; };
  return function(){ return getNextId(); }; }();

optimised from :
get_time = function() {
	var date_part, local_time, now, time_part;
	local_time = new Date();
	now = new Date(local_time.getTime() + (local_time.getTimezoneOffset() * 60000));
	date_part = "" + (this.zero_pad(now.getFullYear(), 2)) + "-" + (this.zero_pad(now.getMonth() + 1, 2)) + "-" + (this.zero_pad(now.getDate(), 2));
	time_part = "" + (this.zero_pad(now.getHours(), 2)) + ":" + (this.zero_pad(now.getMinutes(), 2)) + ":" + (this.zero_pad(now.getSeconds(), 2));
	return "" + date_part + " " + time_part; };
zero_pad = function(number, length) {
	var str;
	str = "" + number;
	while (str.length < length) str = "0" + str;
	return str; };

to :
Date.prototype.ymd = function getYMD() {
	function p2(s) { return ("0" + s).slice(-2) }
	function p4(s) { return ("000" + s).slice(-4) }
	return [p4(this.getFullYear()), p2(this.getMonth()+1), p2(this.getDate())].join("-") + 
		" " + 
		[p2(this.getHours()),p2(this.getMinutes()),p2(this.getSeconds())].join(":"); };

to :
Date.prototype.ymd = function getYMD(d) {
	var d = d || this;
	function p2(s) { return ("0"+s).slice(-2) }
	return [d.getFullYear(),p2(d.getMonth()+1),p2(d.getDate())].join("-") +
		" "+[p2(d.getHours()),p2(d.getMinutes()),p2(d.getSeconds())].join(":") };
compacted:
Date.prototype.ymd=function ymd(d){d=d||this;function p(s){return("0"+s).slice(-2)}
	return[d.getFullYear(),p(d.getMonth()+1),p(d.getDate())].join("-")+" "+
	[d.getHours(),d.getMinutes(),d.getSeconds()].map(p).join(":")};
most efficient, but less fun:
Date.prototype.ymd=function ymd(d){d=d||this;function p(s){return('0'+s).slice(-2)}
	return d.getFullYear()+'-'+p(d.getMonth()+1)+'-'+p(d.getDate())+' '+
	p(d.getHours())+':'+p(d.getMinutes())+':'+p(d.getSeconds())};

^ Events

function evnt(s,i){s=[];return{sub:function(h){s.push(h)},go:function(p){for(i=s.length;i--;)s[i](p)}}}

function newSimpleEvent() { return {/*
		simple public event pattern
		unsubscribe must be done manually,
		subscribers list is visible(pro/con?) */
	subscribers: [],
	subscribe: function (handler) { this.subscribers.push(handler) },
	fire: function newEvent_Fire() { for (var h = this.subscribers.length; h--;) this.subscribers[h].apply(this, arguments) } } }

function newEvent(name, arguments) {/*
		event pattern 
			with private subscribers,
			unsubscribing, 
			bound 'fire' & 'subscribe' functions (can be localised and still connect),
			optional logging with default built-in logger */
		var subscribers = [],
			event = {
				name: name || "unnamed event - " + Date(),
				arguments: arguments || "unknown",
				subscribe: newEvent_Subscribe,
				fire: newEvent_Fire,
				unsubscribe: newEvent_Unsubscribe };
		if (log) log("created event '" + name + "' (" + arguments + "), " + log);
		return event;
		
		function newEvent_Subscribe (handler) {
			if (log) log("added subscriber to event '" + event.name + "' : " + handler);
			subscribers.push(handler); }
		function newEvent_Fire () {
			if (log) log("firing event '" + event.name + "' (" + JSON.stringify([].slice.call(arguments)).slice(1,-1) + ")");
			for (var h = subscribers.length; h--;) subscribers[h].apply(event, arguments); }
		function newEvent_Unsubscribe (handler) {
			if (log) log("removing subscriber to " + event.name + " : " + handler);
			subscribers.splice(subscribers.indexOf(handler), 1); } }

{"events":{},"state":"not connected","server":"none"}
{"newEmail":{"name":"email arrived","arguments":"email object"},"connected":{"name":"connected to server","arguments":"server ip"},"disconnected":{"name":"disconnected from server","arguments":"server ip"},"state":"not connected","server":"none"}

^ messagebox