richardhealy

[JavaScript] Stop Watch

2007-10-27T13:31:23+00:00

I use this to test speed of javascript code. Any ideas on how to make it better?

#Functions [javscript]
var ms = 0;
var state = 0;

function startstop() 
{
	if (state == 0)
	{
		state = 1;
		then = new Date();
		then.setTime(then.getTime() - ms);
	}
	else
	{
		state = 0;
		now = new Date();
		ms = now.getTime() - then.getTime();
	}
}

function swreset() 
{
	state = 0;
	ms = 0;
}

function display() 
{
	now = new Date();
	ms = now.getTime() - then.getTime();
	document.write('Time:'+ ms);
}

//Array Join
startstop();
str1 = '';
arr = [];
for (var i = 0; i < 100000; i++)
{
	arr[i] = ' AND A ' + i;
}
str1 = arr.join(' ');
startstop();
display();
swreset();

[JavaScript] On Curry

2007-10-19T08:45:20+00:00

Let me show you how I am using it. It might help to show you how I am implementing this. This is my rating widget that I use my Currying function in (lines 43 and 44). You can see the example working here: http://code.richardhealy.co.uk/yui/rating/index.htm

## Javascript [javascript]
function curry(fn, scope)
{
	var scope = scope || window;
	var args = Array.prototype.slice.call(arguments, 2) || [];

	return function()
	{
		fn.apply(scope, args);
	};
};

var rating = function(id, value)
{
	this.construct.apply(this, arguments);
};

rating.prototype =
{
	construct: function(id, stars, value)
	{
		this.__timeout = -1;
		this.__listeners = {};
		this.__timeouts = {};
		this.id = id;
		this.imageOff = 'assets/blank.gif';
		this.imageOn = 'assets/gSelected.gif';
		this.imageOut = 'assets/bSelected.gif';
		this.timeout = 500;
		this.value = value;
		this.stars = stars;
		
		var outsideEl = document.getElementById(id);
		
		for(i=1; i<=this.stars; i++){
			var imgID = 'img'+i;
			var newimg = document.createElement('img');
			newimg.id = imgID;
			newimg.src = this.imageOff;
			
			//Appends Image within the external container
			outsideEl.appendChild(newimg);
			
			YAHOO.util.Event.addListener(document.getElementById(imgID), "mouseover", curry(this.mouseOver, this, i)); //<--- Currying Used Here
			YAHOO.util.Event.addListener(document.getElementById(imgID), "click", curry(this.clickMethod, this, i));   //<--- Currying Used Here
		}
		
		this.addMethodListener("mouseOut", this.id, "mouseout");
		
		this.renderStars(this.value, false);
	},
	
	addMethodListener: function(method, el, event)
	{
		var that = this;
	
		this.__listeners["method:" + name + ":" + el.id + ":" + event] = function()
		{
			that[method].apply(that, arguments);
		};
	
		YAHOO.util.Event.addListener(el, event, this.__listeners["method:" + name + ":" + el.id + ":" + event]);
	},

	mouseOver: function(rating)
	{
		this.clearTimeout(this.__timeout);
		this.__timeout = -1;

		this.renderStars(rating, true);
	},
	
	clickMethod: function(rating)
	{
		this.value = rating;
		this.onClick(rating);
	},

	mouseOut: function()
	{
		if(this.__timeout != -1)
		{
			this.clearTimeout(this.__timeout);
		}

		this.__timeout = this.setTimeout('onTimeOut',this.timeout);
	},
	
	onTimeOut: function()
	{
		this.renderStars(this.value, false);
	},

	renderStars: function(units, startColor)
	{
		for (var i = 1; i <= units; i++)
		{
			if(startColor == true)
			{
				document.getElementById("img" + i).src = this.imageOn;
			}
			else
			{
				document.getElementById("img" + i).src = this.imageOut;
			}
		}

		for (i = units + 1; i <= this.stars; i++)
		{
			document.getElementById("img" + i).src = this.imageOff;
		}
	},

	setTimeout: function(method, period)
	{
		this.clearTimeout(method);

		var that = this;
		var args = Array.prototype.slice.call(arguments, 2) || [];

		this.__timeouts[method] = setTimeout(function()
		{
			that[method].apply(that, args);
		}, period);
	},

	clearTimeout: function(method)
	{
		if (this.__timeouts[method] > 0)
		{
			clearTimeout(this.__timeouts[method]);
			this.__timeouts[method] = 0;
		}
	},

	onClick: function(value)
	{
		this.value = value;
	}
}

## HTML [html]
<div id="rater" class="bk-form-rating rater">
	<div class="bk-form-inner"></div>
</div>
<div id="actions"><button id="getVal" onclick="alert(r.value);">Alert Value</button></div>
<script>
var r = new rating('rater', 5, 0);
</script>

[JavaScript] Curry

2007-10-18T09:34:59+00:00

I use this little function everywhere in my javascript to deal with scope issues. Can anyone make it better?

function curry(fn, scope)
{
    var scope = scope || window;
    var args = Array.prototype.slice.call(arguments, 2) || [];

    return function()
    {
        fn.apply(scope, args);
    };
};

[PHP] On Random password

2007-10-17T18:18:38+00:00

I suppose that answers that question then! lol! Interesting to know, I'm going to change my random code generator in my apps now on the back of this. Cheers Meir! :)

[PHP] On Random password

2007-10-17T16:15:01+00:00

Not sure what the speed differences are between using Arrays vs While statements but here's something a little different. This only uses lowercase letters though.

[php]
<?php
function random_password($length = 6)
{
	while (strlen($key) < $length) $key .= rand(0,1) ? chr(rand(48, 57)) : chr(rand(97, 122));
	return $key;
}
echo random_password();
?>

[PHP] On Copyright Year

2007-10-15T14:15:03+00:00

Ah! I didn't know that! Cheers for the tip!

[JavaScript] On Beautify JS Date to how recently the event occured.

2007-10-12T09:15:55+00:00

Tomasz! Nice little bit of javascript there. Trying to search for some tuts on the "~~" and I'm not finding anything... Does anyone know where I can find out more about it? What does it do?

[PHP] On Copyright Year

2007-10-11T23:02:03+00:00

Scrap the "bracket" comment... but I still stick to "<?=" :)-

[PHP] On Copyright Year

2007-10-11T22:56:31+00:00

I'm personally not a big fan of "echo"... "<?=" does the job with less brackets

## View [php]
Copyright &copy; 2007<?= intval(date('Y')) > 2007 ? date(' - Y') : ''; ?> - All Rights Reserved - Design by scott2010_h