Ico JavaScript
Ico CSS
Ico HTML
Ico mooTools
Ico PHP
Ico Astuces

Glissière pour choix d'une valeur numérique

Date 11/03/2011
Ico mooTools
Comms 0 commentaire

Voici une classe mooTools permettant de sélectionner une valeur numérique à partir d'une glissière.


Son utilisation est très simple, il suffit d'inclure le script JS, et instancier via javascript dans l'évênement window.domready la classe en lui passant en paramètre l'élément du formulaire (de type input) ainsi que les options de la glissière :


window.addEvent('domready', function() {

  var maGlissiere = new MooSlider($('moninput'), { valMin: 0, valMax: 100 });

});


Coté HTML, très simplement :


<form>

  <input type="text" id="moninput" name="moninput" value="50" />

</form>


L'input text sera automatiquement masqué, la glissière ajouté automatiquement, et l'input text aura sa valeur (value) synchronisée avec la glissière graphique.


Télécharger le script



Vous avez aimé ce billet ?

 

Vous aimerez peut être...
> ComboxBox de choix d'images
> ComboBox pour envoi de fichiers
> Tester et debugger IE7/8 via IE9/IE10
> Quelques bons scripts MooTools
> Intégration Google Map
 

Mot-clefs de ce billet...
choix glissiere input moninput numerique valeur

Commentaires


Aucun commentaire...


Ajouter un commentaire


La validation des commentaires se fait manuellement par l'administrateur du blog. La publication de votre commentaire se fera donc une fois que l'administrateur du blog l'aura accepté. Toutefois, si votre commentaire ne respecte pas les conditions d'utilisation ou s'il est considéré comme spam, il sera supprimé sans être publié.

Auteur
Email
 
(facultatif et caché)
Site web
 
(facultatif)
Message

Ico Valider


MP  Mighty Productions
> Blogs
> Partage de codes sources - PHP / JS / mooTools
> mooTools
> Glissière pour choix d'une valeur numérique
 
RSS       Mentions légales       Comms  Haut de la page  
◄ ►