javascript/JQuery.placeholder.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

/* form placeholder setup - dependence jquery 1.4.2 */
var $jq = jQuery.noConflict();
BitBase.clearPlaceholders = function(e){
    $jq('input[placeholder]')
		.attr('value', function(index,attr){
			return (attr === $jq(this).attr('placeholder')?'':attr);
		});
}

BitBase.setPlaceholders = function(){
    $jq('input[placeholder]')
		.bind('focus', function(e){
			$jq(this).attr('value', function(index,attr){ 
			return (attr === $jq(this).attr('placeholder')?'':attr) });
        })
		.bind('blur', function(e){
			$jq(this).attr('value', function(index,attr){ return (attr === ''?$jq(this).attr('placeholder'):attr) });
		})
		.attr('value', function(index,attr){ return (attr === ''?$jq(this).attr('placeholder'):attr); });
}

$jq(function(){
    BitBase.setPlaceholders();
    $jq('form').bind('submit', BitBase.clearPlaceholders);
});