onlick delete value

[ma201dq]

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]

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]

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.

Thanks Ize, i would not have thought it be this complicated....

dug

[Ize]

Thanks Ize, i would not have thought it be this complicated....

dug

Oh it's not complicated, believe me
The script is pretty basic, but it's a little more code because it automatically adds that functionality to every input-field or textarea on a page.