<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
document.observe('dom:loaded', function() {
// Get all input elements with input class;
var blurElements = $$('input.input');
// Create global scope for storing default values;
var scope = {};
// Iterate through all targeted elements;
for (var idx = 0, len = blurElements.length; idx < len; idx++) {
var el = blurElements[idx];
scope[el.identify()] = el.value;
el.observe('blur', function(event) {
var e = event.element();
var defaultValue = this[e.identify()];
if(e.value == '' || e.value == defaultValue) {
e.value = defaultValue;
}
}.bindAsEventListener(scope));
el.observe('focus', function(event) {
var e = event.element();
if (e.value == this[e.identify()]) {
e.clear();
}
}.bindAsEventListener(scope));
}
});
</script>
js
1
<scriptsrc="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"type="text/javascript"charset="utf-8"></script><scripttype="text/javascript"charset="utf-8">document.observe('dom:loaded',function(){// Get all input elements with input class;varblurElements=$$('input.input');// Create global scope for storing default values;varscope={};// Iterate through all targeted elements;for(varidx=0,len=blurElements.length;idx<len;idx++){varel=blurElements[idx];scope[el.identify()]=el.value;el.observe('blur',function(event){vare=event.element();vardefaultValue=this[e.identify()];if(e.value==''||e.value==defaultValue){e.value=defaultValue;}}.bindAsEventListener(scope));el.observe('focus',function(event){vare=event.element();if(e.value==this[e.identify()]){e.clear();}}.bindAsEventListener(scope));}});</script>
Hey there! I see you're running Internet Explorer 6.
That's neat. This reminds me of my grandpa. He had this old car that he kept having to fix. He spent so much money on it that he didn't want to get rid of it (even when it stopped running).
0 Comments