Spin button

Soyez le premier à donner votre avis sur cette source.

Vue 6 217 fois - Téléchargée 895 fois

Description

SpinMap est un composant qui permet de simuler un spin button, et qui répond au cahier des charges suivant:

- Une zone de saisie pour entrer éventuellement la valeur directement.
- Une valeur minimum et une valeur maximum
- Des boutons qui permetent d'incrémenter ou décrémenter la valeur avec un petit incrément
- Quand la souris reste enfoncée, le petit incrément devient un grand incrément
- Des boutons qui permettent d'entrer directement la valeur minimum ou maximum
- Un bouton qui permette d'entrer la moyene entre min et max
- Possibilité d'afficher qu'une partie des boutons
- Utiliser des "skins"
- pouvoir en utiliser plusieurs sur la même page
- Gérer des valeurs décimales
- Appel d'une fonction "callback" pour interagir avec d'autres zones.

Je n'ai pas trouver ce que je voulais alors je l'ai fait, principalement la gestion des décimales.

Source / Exemple :


tout est dans le zip.
Ouvre l'exemple "exemple_spin_map.html pour voir le fonctionnement, surtout le dernier exemple avec le calcul de la masse corporelle.

Lisez le read-me.html, il vous apportera quelques élément d'explication.

Conclusion :


Peut surement mieux faire, mais il fonctionne exactement comme je le souhaitais.
J'ai fait abstraction de tout le code PHP pour le faire fonctionner de manière autonome.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
291
Date d'inscription
vendredi 21 février 2003
Statut
Membre
Dernière intervention
13 mars 2015

bonjour
ce que tu dis est tout à fait exact, et je pense qu in fine c'est probablement ce que je ferai, maintenant que je maitrise un peu mieux javascript.
Cependant, l'utilisation des champs hidden sont le meilleurs moyen que j'ai trouvé pour transmettre les valeurs du code PHP qui vient en réalité d'une table mysql vers le javascript.
Et comme je le dit dans la doc, je l'ai extrait d'un classe en php intégré dans Xoops qui génère tout le code, et générer du java script qui génrera les balises, je ne suis pas sur que ce la meilleurs solution.
Merci quand même pour le commentaire. JJDai
Messages postés
129
Date d'inscription
dimanche 9 décembre 2001
Statut
Membre
Dernière intervention
12 janvier 2009

Pas mal !
Je trouve dommage qu'il y ai tant de code à mettre en place pour le faire fonctionner.
Actuellement, tu rajoute dans la page, une quantité de code (div, inputs, table, images ... et pire : map, area ! ). Tout ce code complexifie la page, et on perd la sémantique. Encore pire, lors du post du formulaire, tous les champs hidden sont transmis !!!
Il serai peut-être plus judicieux de créer un objet en JS qui transforme un input text en un spin.
L'avantage c'est que ce serait intégrable à n'importe quel formulaire existant, juste en incluant un fichier JS (et en attribuant la classe "spin" sur les champs concernés par exemple).

Sinon, bon boulot !

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.