Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

NUMÉRIC STEPPER


Information sur la source

Catégorie :Formulaire Classé sous : numéric, stepper, champs, formulaire Niveau : Débutant Date de création : 14/06/2007 Date de mise à jour : 14/06/2007 14:26:05 Vu : 2 957

Note :
Aucune note

Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note


Description

Je sais c'est très con comme truc mais j'en avais besoins alors si je peux faire gagner 2 minutes à quelqu'un !
 

Source

  • <script language="javascript">
  • function stepper(pas,field, mini,maxi){
  • re=Number(document.getElementById(field).value)+pas;
  • if((re>=mini)&&(re<=maxi)){
  • document.getElementById(field).value=re;
  • }
  • return t=setTimeout("stepper("+pas+",'"+field+"',"+mini+","+maxi+")",80);
  • }
  • </script>
  • <table width="160" height="20" border="0" cellpadding="0" cellspacing="0">
  • <tr>
  • <td rowspan="2" align="left" valign="top" scope="row"><input readonly="1" name="a" id="a" type="text" style="height:20px; "></td>
  • <td height="10"><input name="plus" onMouseDown="t=stepper(1,'a',0,20)" onMouseUp="clearTimeout(t)" type="button" id="plus" value="" style="height:10px; "></td>
  • </tr>
  • <tr>
  • <td height="10"><input name="moins" onMouseDown="t=stepper(-1,'a',0,20)" onMouseUp="clearTimeout(t)" type="button" id="moins" value="" style="height:10px; "></td>
  • </tr>
  • </table>
<script language="javascript">
function stepper(pas,field, mini,maxi){
	re=Number(document.getElementById(field).value)+pas;
	if((re>=mini)&&(re<=maxi)){
	document.getElementById(field).value=re;
	}
	
	return t=setTimeout("stepper("+pas+",'"+field+"',"+mini+","+maxi+")",80);
}


</script>
<table width="160" height="20"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td rowspan="2" align="left" valign="top" scope="row"><input readonly="1" name="a" id="a" type="text" style="height:20px; "></td>
    <td height="10"><input name="plus" onMouseDown="t=stepper(1,'a',0,20)" onMouseUp="clearTimeout(t)" type="button" id="plus" value="" style="height:10px; "></td>
  </tr>
  <tr>
    <td height="10"><input name="moins" onMouseDown="t=stepper(-1,'a',0,20)" onMouseUp="clearTimeout(t)" type="button" id="moins" value="" style="height:10px; "></td>
  </tr>
</table>

Historique

14 juin 2007 14:09:48 :
Ajout d'un setTimeOut
14 juin 2007 14:26:06 :
Ajout mini maxi

Commentaires et avis

signaler à un administrateur
Commentaire de kankrelune le 14/06/2007 17:31:51

document.write('hello world... .. !');

@ tchaOo°

signaler à un administrateur
Commentaire de kankrelune le 14/06/2007 17:33:18

Ah... y a eu un léger changement entre temps... c'est un peu mieux... .. . :oP

@tchaOo°

signaler à un administrateur
Commentaire de nicomilville le 30/03/2008 13:23:23

Salut, j'ai pas bien compris a quoi sert cette fonction a part augmenter ou diminuer le nombre qui est dans la textbox de 0 a 20 !!!

signaler à un administrateur
Commentaire de cedriclomb le 31/03/2008 10:21:04

Salut,

Il s'agit effectivement d'augmenter une texte box ou de diminueur d'ailleurs des A à B avec un pas définit
Le but etant de créer un champ de formulaire ( pour ma part c'etait pour QuickForm, mais la c'est du PHP) qui permettent d'avoir une érgonomie plus sympathique qu'un champ de texte dans lequel tu tappes des chiffres.

signaler à un administrateur
Commentaire de nicomilville le 31/03/2008 10:56:01

ok

signaler à un administrateur
Commentaire de juliengimenez le 30/12/2008 04:13:52

Et bien moi j'ai cherché ça partout et grace à toi j'ai trouvé, tu m'as fais gagné un peu plus que 2 minutes; ça peut servir pour augmenter des quantité dans un "panier" ou pour tout formulaire à remplir sans entrer les données aux claviers. Je ne cherche peut etre pas avec les bonnes expressions mais je n'ai pas trouvé dessus, en fait je fais des formulaires javascript "tout en click" à la souris. Si tu as des références ça m'interesse.

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Formulaire oui, mais dynamique ! [ par jpinneau ] Bonjour, j'ai un formulaire, dont les champs Dynamique tel que les champs nécessaires sont dans une base de données.Lors de l'affichage de la page, je Formulaire : changer le type d'élémént en fonction d'une valeur ... [ par Dexterin ] Bonjour, je suis un débutant (très débutant) ... merci de votre évenuelle aide...J'ai le script suivant :function Choix(fiche) { i = document.fiche.c Formulaire : changer le type d'élémént en fonction d'une valeur ... [ par Dexterin ] Bonjour, je suis un débutant (très débutant) ... merci de votre évenuelle aide...J'ai le script suivant :function Choix(fiche) { i = document.fiche.c nouvelle page après validation d'un formulaire [ par nicopico ] Bonjour,J'ai créé un formulaire (avec un mailto) qui contient un bonton de validation sur lequel je vérifie les différents champs sur l'évènement "onC verif formulaire. [ par kikos ] Slt à tous,j'utise une fonction javascript qui permet de vérifier qu'il n'y ai po de lettre dans le champs :function verifcode(car) {// exclusivement vérifier des champs dans un formulaire [ par isnogood ] Salut, tt le monde,Je suis débutant dans ce langage.J'ai fais un une fonction qui permet de vérifier des champs de formulaire, mais je ne suis pas con Calcul dans u formulaire [ par grakel ] Salut a tous, J'ai un piti probleme de javascript. Je souhaites faire un calcul dans un formulaire. schema type J'ai des champs texte puis un input="b Comment convertir une chaine en object ? [ par Dexterin ] Bonjour !J'ai un gros soucis...Je désire créer une fonction javascript qui me donne un object en fonction d'une chaine de caractère :Exemple, actuelle Verfication formulaire [ par iomega ] Bonjour à tous, j'ai un script qui me permet de vérifier si dans mon champs txtj1je n'ai pas saisi un nombre &lt;0 ou &gt;9. mais je dois tester sur 3 validation formulaire malgré erreur détectée [ par nabelette ] Bonjour à tous,Tous les posts que j'ai pu trouver m'ont toujours aidée...jusqu'à aujourd'hui. J'ai eu beau chercher je ne trouve pas la réponse à mon


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,686 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.