fond page
Logo blog
Rech

Ico  ACCUEIL
Ico  A PROPOS DE L'AUTEUR
Ico  CONTACT
Ico 
JavaScript

Ico 
mooTools

Ico 
PHP

Ico  DERNIERS PARUS
Ico
Ico
Ico
Ico
Ico
Ico  DERNIERS COMMENTÉS
Ico  LES PLUS APPRÉCIÉS
Ico
Ico
Ico

Date  11/03/2011   Ico  mooTools  

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

Comms  Aucun commentaire   J'aime  J'aime   J'aime  8 visiteurs aiment   

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



Ico Commentaires
Aucun commentaire...


Ico Ajouter un commentaire
Auteur

Message