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

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 inclu...
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

White Dots

According to Dr. Fina Lopez, DMD, "White dots are usually warning signs that the tooth is starting to decay." If they are chalky white, it means the tooth has lost its luster; therefore, some minerals have been lost. All efforts should be focused on bringing back lost minerals to the teeth. WAYS TO BRING BACK LOST MINERALS TO THE TEETH  Eat food that's high in calcium and phosphate Brush your teeth regularly with fluoridated toothpaste Visit you dentist for more advice Employing more aggressive preventive strategies to encourage the reversal of the impending tooth decay. On the other hand, when new teeth erupt there may be a small or large white spots that are smooth and shiny on your teeth. These spots formed during development are called Enamel Hypoplasia or Hypocalcification . The presences of white dots definitely means it's time for your daughter to pay a visit to dentist soon.
Read more