HTML 5: Placeholder

The placeholder attribute shows text  or short hint in a field intended to help user in data entry. The text will be disappear until the field is focused upon, then hides the text. Placeholder text is supported by Firefox 3.7+ and Chrome/Safari 4.0+
Example:
<input type="text" name="FirstName" value="" placeholder="First Name">
Output will be:


Now, when IE and Opera is being used your placeholder won't work. To work for your placeholder we need to do some javascript. 
/* This will check if your browser supports placeholder */
jQuery(function() {
jQuery.support.placeholder = false;
test = document.createElement('input');
if('placeholder' in test) jQuery.support.placeholder = true;
});

/* This will transfer your placeholder to your input value */

$(function() {
if(!$.support.placeholder) {
var active = document.activeElement;
$(':text').focus(function () {
if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
$(this).val('').removeClass('hasPlaceholder');
}
}).blur(function () {
if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
$(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
}
});
$(':text').blur();
$(active).focus();
$('form').submit(function () {
$(this).find('.hasPlaceholder').each(function() { $(this).val(''); });
});
}
});

Comments

Post a Comment

Popular posts from this blog

Talambuhay ni Liwayway A. Arceo

Si Liwayway A. Arceo ay ipinanganak sa Manila noong ika 30 ng Enero 1924 mula sa kilalang pamilya ng mga manunulat. Ito ay  nakasulat ng 90 nobela, 2 libong mahigit na kuwento, 1 libong mahigit na sanaysay, 36 tomo ng iskrip sa radyo, 7 aklat ng salin, 3 iskrip sa telebisyon, at di-mabilang na kuntil-butil na lathalain sa halos lahat ng pangunahing publikasyong Tagalog o Filipino. Nagsulat siya ng ilang nobela kabilang dito ang Canal de la Reian at Titser. Mayroon din siyang mga koleksiyon ng maiikling kuwento tulad ng "Ang Mag-Anak na Cruz, Mga Maria, Mga Eva at "Maybahay, Anak at iba pa". Ang kanyang kuwentong "Uhaw ang Tigang na Lupa" ay nanalo ng ikalawang gantimpala sa Pinakamabuting Maikling Likha noong 1943. Kabilang sa mga pangunahing aklat ni Arceo ang sumusunod:   Maling Pook, Maling Panahon. . .Dito, Ngayon (1998);  Mga Bathalang Putik (1998)  Titser (1995)  Canal de la Reina (1985)  Ina, Maybahay, Anak at iba pa (1998)  Mga Kuwento ng Pa
Read more

Basketball Hand Signals

Image
Jump Ball  You can see jump ball hand signal in every start of the game. It determines who will have the possession of the ball. Two players facing to each other attempt to gain control of the ball after it is tossed up into the air in between them by an official or referee. Player Control Foul According to Wikipedia, a personal foul is a breach of the rules that concerns illegal personal contact with an opponent. It is the most common type of foul in basketball. Once a player accumulate a certain number of Personal foul, the player must be Substituted out and is no longer allowed to re-enter the game, and is considered to be " Fouled-Out ". The Personal Foul limit is 6 for the NBA and 5 for FIBA competitions. The assessing of a Personal Foul is completely up to the Referee(s), who use their own judgement in deciding whether a certain instance of contact played a player at an advantage / disadvantage. There are many different forms of Personal Foul, these includes
Read more

Uhaw ang Tigang na Lupa- Liwayway A. Arceo

1 Ilang gabi nang ako ang kapiling niya sa higaan. Tila musmos akong dumarama sa init ng kanyang dibdib at nikikinig sa pintig ng kanyang puso. Ngunit, patuloy akong nagtataka sa malalim na paghinga niya, sa kanyang malungkot na pagtitig sa lahat ng bagay, paghikbi... 2 Ilang araw ko nang hindi nadadalaw ang aklatan: ilang araw ko nang hindi nasasalamin ang isang larawang mahal sa akin: bilugang mukha, malapad na noo, hati-sa-kaliawang buhok, singkit na mga mata, hindi katangusang ilong, mga labing duyan ng isang ngiting puspos-kasiyahan...Sa kanya ang aking noo at mga mata. Ang aking hawas na mukha, ilong na kawangki ng tuka ng isang loro, at maninipis na labi, ay kay Ina... 3 Sa Ina ay hindi palakibo: siya ay babaing abilang at sukat ang pangungusap. Hindi niya ako inuutusan. Bihira siyang magalit sa akin at kung nagkakagayon ay maikli ang kanyang pananalita: Lumigkit ka!... At kailangang ‘di ako makita. Kailangang ‘do ko masaksihan ang kikislap na poot sa kanyang mga mata. Ka
Read more