Simule le placeholder de html5 à l'aide des techniques de xhtml
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README
demo.html
demo.js
jquery-1.7.1.min.js
jquery.placeholder.js

README

simule un placeholder html5 en utilisant des techniques de xhtml
s'applique sur un selecteur css3 (par exemple : $('input[type=text],input[type=password]').placeholder();

@exemple: tous les éléments de classe placeholded auront le même texte, soit : «Remplissez ce champ»
 $('.placeholded').placeholder({
    'background': '#000',
    'color' : '#00ff00',
    'text': 'Remplissez ce champ'
});

@exemple: chaque élément de classe placeholded aura son texte spécifié par l'objet text (mapping entre l'id de l'élément et la clé de l'objet)
 $('.placeholded').placeholder({
    'background': '#000',
    'color' : '#00ff00',
    'text' : {
        'firstname': 'Entrez votre prénom',
        'lastname': 'Entrez votre nom de famille',
        'username': 'Choisissez un nom d\'usager'
    }
});
@todo: générer un span en position absolute pour qu'il soit en arrière du input
@todo: copier le style du input pour que le span en arrière ait la même grandeur