Supprimer la valeur par default d’un input text avec Mootools

Vous avez un input text avec une value par defaut (Par exemple « rechercher » ou « login ») que vous souhaitez supprimer au clique et réafficher si il est vide une fois sorti du champ?

Je viens d’écrire un petit bout de code pour faire ça avec Mootools:

window.addEvent('domready', function() {
   var InputASup = $('conteneurpere').getElements('.ChampAutoSup');
   InputASup.each(function(UnInput){
      var TextInput = UnInput.get('value');
 
      UnInput.addEvent('focus', function(){	
           if(UnInput.get('value') == TextInput){	
               UnInput.set('value', '');
           };
       })
       UnInput.addEvent('blur', function(){	
           if(UnInput.get('value') == ''){		
               UnInput.set('value', TextInput);
           };
       })
   });   
});

Il vous suffit ensuite de rajouter la classe .ChampAutoSup aux Input concernés et de remplacer « ChampAutoSup » par l’ID du conteneur père.

Je ne suis pas un spécialiste de Javascript et si vous voyez une manière d’optimiser ce petit bout de code je suis bien entendu preneur ;). (d’ailleurs je me demande si créer des fonctons en dehors du domready est moins gourmand?)

2 réflexions au sujet de « Supprimer la valeur par default d’un input text avec Mootools »

  1. J’ai essayé le code mais j’ai un confit avec Jquery. Une idée de comment résoudre le problème, à pat bien sur désinstallé Jquery ? 😉

  2. C’est un script pour Mootools, on ne met pas 2 bibliothèques sur un même site donc tu dois trouver le moyen de faire la même chose avec Jquery.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *