begin process at 2012 05 29 00:59:31
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Débutants

 > 

bouton + - suite


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

bouton + - suite

mardi 14 février 2006 à 08:21:17 | bouton + - suite

batmanu

Membre Club
Bonjour,
comme vous l'avez sans doute vu dans le forum il y a quelques jours, je cherchait à faire des boutons + et - pour incrémenter une valeur dans un champ de formulaire.
C'est une bonne chose de faite, mais je pensais pouvoir limiter facilement cette valeur pour qu'elle ne puisse être négative... ERREUR de ma part, je suis obligé de la traiter en valeur absolue par la suite.
Est-il possible de limiter une valeur dans un champ? est-il possible de limiter la saisie à certains caractères (l'attribut accept n'a pas donné de résultat car je ne sais comment n'interdire que certains caratères comme - par exemple).
Il y a sûrement une méthode simple,
merci d'avance à mon sauveur ...
mardi 14 février 2006 à 10:11:31 | Re : bouton + - suite

bultez

Membre Club





Bonjour,

>>pouvoir limiter facilement cette valeur pour qu'elle ne puisse être négative.
la comparer avant de faire la soutraction.
if ( Number(valeur) > 0 ) { valeur--; }

>>limiter la saisie à certains caractères

soit on fait un contrôle avant d'envoyer le formulaire [ <form onsubmit="return(controle());"...> ]
soit on contrôle à chaque frappe de caractère [ <input ... onkeyup="controle();" ... /> ]

IsNaN(valeur) permet de contrôler si numérique,
Number(valeur)<0 teste si négatif,
controle aussi possible avec une expression régulière...

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

mardi 14 février 2006 à 10:27:39 | Re : bouton + - suite

batmanu

Membre Club

Bonjour, c'est déjà toi qui m'avais donné la solution, seulement en html, je ne sais pas comment intégrer cette comparaison, j'ai essayé en appelant une fonction, mais le getelement ne fonctionne plus... :(

voici mon code:

<html>

<body>
<font face="arial" size="5">

<form action="traitecom.php" method="post" name="formcom">

<table>
 <tr>
  <td>
   <input style="border-style: groove;" size="2" value="0" id="ici" name="numart">
  </td>
  <td>
   <a target="numart" onmouseover="this.style.cursor='hand'" onclick="document.getElementById('numart').value++;"><font size="6">+</a>
   <a target="numart" onmouseover="this.style.cursor='hand'" onclick="document.getElementById('numart').value--;"><font size="6">-</a>
  </td>
 </tr>
 <tr>
  <td colspan="2" align="center">
   <input type="reset" value="reset">
  </td>
 </tr>
</table>

</form>

</font>
</body>
</html>

comment faire ?

mardi 14 février 2006 à 10:37:52 | Re : bouton + - suite

bultez

Membre Club

<html>
<head>
<script type="text/javascript">
function Decrementer(zone)
{
 if ( Number(zone.value)>0 )
 {
  zone.value--;
 }
}
</script>
</head>
<body>
<font face="arial" size="5">
<form action="traitecom.php" method="post" name="formcom">
<table>
 <tr>
  <td>
   <input style="border-style: groove;" size="2" value="0" id="ici" name="numart">
  </td>
  <td>
   <button onclick="document.getElementById('numart').value++;"><font size="6">+</button>
   <button onclick="Decrementer(document.getElementById('numart'));"><font size="6">-</button>
  </td>
 </tr>
 <tr>
  <td colspan="2" align="center">
   <input type="reset" value="reset">
  </td>
 </tr>
</table>
</form>
</font>
</body>
</html>

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

mardi 14 février 2006 à 10:39:17 | Re : bouton + - suite

batmanu

Membre Club
l'idéal serait, bien sûr, de comparer la valeur avant le calcul avec un test, mais on ne peut l'intégrer dans l'ancre n'est-ce pas ?
mardi 14 février 2006 à 10:42:17 | Re : bouton + - suite

bultez

Membre Club

avec une ch'tite erreur ( pour FF )
<input style="border-style: groove;" size="2" value="0" id="numart" name="numart">
ou alors employer "ici" pat getElementById.
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

mardi 14 février 2006 à 10:42:37 | Re : bouton + - suite

batmanu

Membre Club
Magnifique, j'avais commencé un truc comme ça mais sans transmettre le getelement à la fonction, seulement la valeur, donc ça marchait pas.

Merci beaucoup, ça marche.
PS, très bien ton site, plein de bonnes chose bein pratiques. C'est surtout très clair, un vrai partage de connaissances comme on aimerait en voir plus souvent. :)
mardi 14 février 2006 à 10:44:48 | Re : bouton + - suite

batmanu

Membre Club
Le bouton "réponse acceptée ne marche pas, je ré-essaye tout à l'heure pour valider :)
mardi 14 février 2006 à 10:54:26 | Re : bouton + - suite

bultez

Membre Club

merci à toi du retour et  des compliments.
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~



Cette discussion est classée dans : bouton, valeur, champ, limiter, suite


Répondre à ce message

Sujets en rapport avec ce message

Pb Input:Text et touche Enter [ par PascalLF ] Salut,J'ai un formulaire avec un Champ de saisie et des boutons.Lorsque je clique sur un des boutons je récupère la valeur du champ de ssaisie et la v Récupération de valeurs [ par acoue ] Bonjour, je suis en train de développer une application Web.Sur une JSP (jsp1) je place un champ texte et un bouton (bouton1) me lançant une autre JS Bouton radio "dynamique" [ par mulbek ] Bonjour à tous, je voudrais faire un truc super simple à intégrer en PHP mais comme un gros nul j'y arrive pas (et j'ai cherché) : je voudrais qu'en c récupérer dans un champ texte la valeur d'un bouton radio [ par critou ] Comment puis-je récupérer la valeur d'un bouton radio dans un champ texte lorsqu'il est coché.MerciCRITOU Incrementer/Deincrementer la valeur d'un champ text [ par juki_webmaster ] Bonjour, Je suis sur un projet PHP/MySQL et une partie en C. Apres avoir chercher sur le net la reponse a ma question, je n'ait pas reussi a faire activer une liste avec un bouton radio... facile pour vous ;-) [ par nougitch ] Bonsoir, J'a deux boutons radio : le premier ne fait rien, le second doit activer une liste déroulante qui est disabled sans recherger la page bien s valeur d'un champ formulaire récupèrer d'un code javascript [ par katousa ] bonjour, je viens de commencer à programmer avec javascript, mon pb, est queje veux afficher la valeur du date et l'heure actuel calculer dans le code champ de texte [ par Hellboy67 ] voila j'ai créer une zone de texte dans ma page et un bouton a coté lorsque je clique sur le bouton j'aimerai relever ce qu'il y a dans la champ texte récuperer la valeur d'un champ activé par un bouton radio [ par dironix ] Sur un formulaire pour répondre a une question, j'ai 6 boutons radio dont 1 qui active une menu déroulante et 1 autre un champ texte. j'ai utiliser un champ input file valeur par défaut [ par Tatopoulos ] Bonjour,Est-il possible de mettre une valeur par défaut dans un champ de formulaire "input file" et si oui merci de me donner un exemple.


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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 : 0,359 sec (3)

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