Skip to content

Instantly share code, notes, and snippets.

@jimmylatreille
Created August 22, 2013 03:33
Show Gist options
  • Save jimmylatreille/6302930 to your computer and use it in GitHub Desktop.
Save jimmylatreille/6302930 to your computer and use it in GitHub Desktop.
PLACEHOLDER JQUERY IE6 & +
/*fonction qui permet de faire l'effet placeholder*/
function inputEffetct(beforeColor, afterColor){
/*si une personne rafréchi la page pour laisser les eléements de la même couleur*/
$('input:text, input:password').each(function(){
/*condition si la valeur du input n'est pas égale au value du input pour garder la bonne couleur lors du refresh de la page*/
if($(this).val() != $(this).attr('value')){
$(this).css('color', afterColor);
}
});
/*quand ont met le focus sur les input test et password*/
$('input:text, input:password').focus(function(){
if($(this).val() == $(this).attr('value')){
$(this).css('color', $(this).css('backgroundColor')).val('').css('color', afterColor);
}
});
/*quand ont enlève le focus des champs test et password*/
$('input:text, input:password').blur(function(){
if($(this).val() == '' || $(this).val() == $(this).attr('value')){
//attribut value de l'input texte en arrière & input background-color
$(this).val($(this).attr('value')).css('color', $(this).css('backgroundColor'));
$(this).animate({color: beforeColor}, 250);
}
});
}
/*================= Minify code ==================================*/
function inputEffetct(e,t){$("input:text, input:password").each(function(){if($(this).val()!=$(this).attr("value")){$(this).css("color",t)}});$("input:text, input:password").focus(function(){if($(this).val()==$(this).attr("value")){$(this).css("color",$(this).css("backgroundColor")).val("").css("color",t)}});$("input:text, input:password").blur(function(){if($(this).val()==""||$(this).val()==$(this).attr("value")){$(this).val($(this).attr("value")).css("color",$(this).css("backgroundColor"));$(this).animate({color:e},250)}})}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment