begin process at 2012 02 13 21:17:52
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > NUMÉRIC STEPPER

NUMÉRIC STEPPER


 Information sur la source

Note :
Aucune note
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 :4 256

Auteur : cedriclomb

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
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

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

 Sources en rapport avec celle ci

Source avec une capture FORMULAIRE D'INSCRIPTION+VÉRIFICATION par ellissss
Source avec Zip SYSTÈME D'UPLOAD DE FICHIER SANS RECHARGEMENT DE LA PAGE. par theptitprince
Source avec Zip Source avec une capture SCROLL BARS EN JAVASCRIPT SUR UNE PAGE HTML par Glennouchet
Source avec Zip UN CHAMP DE SAISIE DE DATE par guykoumba
Source avec Zip LISTE DE FONCTION POUR CONTROLER LES CHAMPS D'UN FORMULAIRE.... par biv83

Commentaires et avis

Commentaire de kankrelune le 14/06/2007 17:31:51

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

@ tchaOo°

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°

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 !!!

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.

Commentaire de nicomilville le 31/03/2008 10:56:01

ok

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...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,357 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales