onlick delete value

**ma201dq** · Oct 29, 2007, 03:39

Hi Guys,

i have a textarea with a default value. when it is clicked the default value clears, but when it is left blank i want it to reset to the default value again, unless the end user types somthing.

at the moment i am using onclick="this.value=' ' "

but its not enough for what i want to do.

thanks
dug

**Ize** · Oct 29, 2007, 04:05

Code javascript:

window.onload = function (){
	var inputs = document.getElementsByTagName ('input');
	var textareas = document.getElementsByTagName ('textarea');
	toggleIt (inputs);
	toggleIt (textareas);
}
 
function toggleIt (collection){
	for (var i=0,j; j = collection[i]; i++){
		if (j.nodeName.toLowerCase() == 'textarea' || (j.nodeName.toLowerCase() == 'input' && j.getAttribute ('type')=='text')){
			if (j.value.length != 0){
				j.__DEFAULTVALUE__ = j.value;
				j.onfocus = function (){
					if (this.value === this.__DEFAULTVALUE__){
						this.value = '';
					}
					return false;
				}
				j.onblur = function (){
					if (this.value.length == 0){
						this.value = this.__DEFAULTVALUE__;
					}
					return false;
				}
			} else continue;
		}
	}
}

You can use this script.

**ma201dq** · Oct 29, 2007, 04:13

Originally Posted by Ize

Code javascript:

window.onload = function (){
	var inputs = document.getElementsByTagName ('input');
	var textareas = document.getElementsByTagName ('textarea');
	toggleIt (inputs);
	toggleIt (textareas);
}
 
function toggleIt (collection){
	for (var i=0,j; j = collection[i]; i++){
		if (j.nodeName.toLowerCase() == 'textarea' || (j.nodeName.toLowerCase() == 'input' && j.getAttribute ('type')=='text')){
			if (j.value.length != 0){
				j.__DEFAULTVALUE__ = j.value;
				j.onfocus = function (){
					if (this.value === this.__DEFAULTVALUE__){
						this.value = '';
					}
					return false;
				}
				j.onblur = function (){
					if (this.value.length == 0){
						this.value = this.__DEFAULTVALUE__;
					}
					return false;
				}
			} else continue;
		}
	}
}