Astuces
Administrateur
Nov 24
|03:08
Mise à jour le Lundi, 24 Novembre 2008 12:31
Il arrive bien souvent que lors de la création d'un formulaire web, vous désirez insérer des valeurs par défauts dans certains champs texte par exemple. Le seul défaut, c'est que lorsque l'usager clique dans le champ afin de saisir la valeur désirée, il se voie dans l'obligation de supprimer le texte déjà inscrit. C'est donc ici que nous allons intervenir! Grâce à jQuery, nous allons insérer une valeur par défaut dans le champ et le supprimer lorsque le focus se posera sur le champ en question.
1. jQuery
Entre les balises et , inclure le framework jQuery
<script type="text/javascript" src="/jquery.js"></script>
2. Javascript
$(document).ready(function()
{
// Supression du texte par défaut lors de la réception du focus
$(".TexteParDefaut").focus(function(srcc)
{
if ($(this).val() == $(this)[0].title)
{
$(this).val("");
}
});
// Application de la valeur par défaut lors de la perte du focus, si ce dernier est vide
$(".TexteParDefaut").blur(function()
{
if ($(this).val() == "")
{
$(this).val($(this)[0].title);
}
});
$(".TexteParDefaut").blur();
});
3. Utilisation
<input class="defaultText" title="
Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir.
" type="text" />
Envoyer par mail
Vu: 1578
Commentaires (1)
Flux RSS pour les commentairesEcrivez un commentaire
Navigation
Réseaux sociaux
Connexion
Publicités
MeilleursPrix.ca
|
|
