syteme de distribution de points

Version imprimable

18/07/2007, 12h23
Invité

syteme de distribution de points

bonjour

je ne connais presque pas le javascript
j'aurais donc besoin d'aide pour un programme php que je fait

j'aimerai faire un syteme tel que l'on a par exemple 10 pommes et on doit les distribuer a Paul, Pierre et Jacques, on ne peut pas en distribuer plus que 10 et on doit toutes les ditribuées

donc en gros sur ma page ca ferai ca :

Il reste 10 Pommes à ditribuer
Paul a 0 Pomme(s) : lui donner un pomme en plus | lui en enlever une
Pierre a 0 Pomme(s)lui donner un pomme en plus | lui en enlever une
Jacques a 0 Pomme(s)lui donner un pomme en plus | lui en enlever une

Envoyer <= bouton envoyer qui envoi la distribution des pomme que je traite ensuite en php, j'aimerai si c'est possible que tant que toutes les pomme n'ont pas été distribuées ce bouton soit en grisé (pour pas qu'on puisse cliquer dessus)

en php ca serai pas trop complique de faire ca mais ca necessiterai le rafraichissement de la page donc c'est pour ca que j'ai pensé au javascript

donc a vous de me dire XD

merci

Cordialement, Lapinkiller
18/07/2007, 20h22
SpaceFrog

une tout petite recherche t'aurait menée en page 3 ...

http://www.developpez.net/forums/sho...d.php?t=377546

j'ai traité un post identique la seamien dernière ...
c'est une épidémie ou un devoir ? :mouarf:
18/07/2007, 21h19
Invité

oui voilà c'est ca

merci

j'essaye d'integrer ca dans mon code et si j'ai des problemes avec le js je revient

et désolé de ne pas avoir rechercher jusqu'a la page 3...

PS : non c'est pas un devoir c'est du codage pour le plaisir XD

EDIT : mais je voudrai pas qu'on puisse envoyer les donnees tant que touts les points n'ont pas été distribués (comme je le disait dans mon premier message)
23/07/2007, 17h23
Invité

personne pour m'aider pour empecher l'envoi du formulaire tant que tout les points n'ont pas été distribué ?
23/07/2007, 17h31
SpaceFrog

pas bien compliqué il suffit de tester dans le onsubmit de ton form si le value du total est >0 ... à ce moment là tu fais un return false ... avec eventuellement un message d'alert "il reste des points" ...
23/07/2007, 21h05
Invité

si tu pouvais me donner le code directement car je sais comme faire effectivement en testant la variable qui contient le nombre de points qui reste

mais le problème c'est que moi et le js ca fait deux XD lol

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<script type='text/javascript'>
function addTo(Cat){
if(Number(document.getElementById('distrib').value)<1){alert('plus de points à distribuer');
     															return false;}
document.getElementById(Cat).value=Number(document.getElementById(Cat).value)+1
document.getElementById("c"+Cat).innerHTML=document.getElementById(Cat).value
document.getElementById('distrib').value=Number(document.getElementById('distrib').value)-1;
return true;
 
}
 
function SubFrom(Cat){
if(Number(document.getElementById(Cat).value<1)){alert('plus de points à rendre');
     															return false;}
document.getElementById(Cat).value=Number(document.getElementById(Cat).value)-1;
document.getElementById("c"+Cat).innerHTML=document.getElementById(Cat).value;
 
document.getElementById('distrib').value=Number(document.getElementById('distrib').value)+1;
return true;
}
 
function verifForm(){
 
if(document.getElementById('distrib').value>0){alert('il reste des points');
                                                               return false;}
else {return true;}
}
 
</script>     															
 
<style type='text/css'>
.categorie {text-align:right;}
.champs {border:inset 2px grey;
		width:40px;
		float:left;
		padding-left:10px;
		font-size:13px;
		font-family:courrier;}
</style>
 
</head>
 
<body>
<form action="traitement.php" onsubmit="return verifForm();"
<div style="width:100px;float:left;">Total</div><input type='text'  class="categorie" id='distrib' value="10" style='width:40px'/><br/>
<div style="width:100px;float:left;">catégorie 1</div><div class="champs" id="ccat_1">&nbsp;</div><input type='hidden' class="categorie" id='cat_1' value="0" onfocus="this.blur()" style='width:40px'/><input type='button'  value="+" onclick="addTo('cat_1',this)" style='width:20px'/><input type='button'  value="-" onclick="SubFrom('cat_1')"  style='width:20px'/><br />
<div style="width:100px;float:left;">catégorie 2</div><input type='hidden' class="categorie" id='cat_2' value="0" onfocus="this.blur()" style='width:40px'/><input type='button'  value="+" onclick="addTo('cat_2')" style='width:20px'/><input type='button'  value="-" onclick="SubFrom('cat_2')"  style='width:20px'/><br />
<div style="width:100px;float:left;">catégorie 3</div><input type='hidden' class="categorie" id='cat_3' value="0" onfocus="this.blur()" style='width:40px'/><input type='button'  value="+" onclick="addTo('cat_3')" style='width:20px'/><input type='button'  value="-" onclick="SubFrom('cat_3')"  style='width:20px'/><br />

24/07/2007, 11h01
Invité

merci je vais essayer ton code :D
****
edit :

bon ca marchait pas au départ
mais j'ai trouvé la solution

tu m'as donné ca :
<form action="traitement.php" onsubmit="return verifForm();"

et en fait il fallait faire ca :
<input type="submit" onclick="return verifForm()" [...]>

enfin bon merci parce que sans toi j'aurai pas pu faire grand chose XD

edit : j'ai corriger mon erreru
24/07/2007, 11h39
SpaceFrog

non !!!
il faut le faire sur le onsubmit du form et avoir un bouton submit ...

passer sur le onclick du form est une hérésie, la fonction sera lancée à chaque click !!!!
24/07/2007, 14h19
Invité

oups je voulai dire que je l'ai mis sur le bouton submit...
et non dans le form
en tout cas ca marche correctement XD
24/07/2007, 14h23
SpaceFrog

j'insiste ...

Code:

<form action="pagedetraitement.php" onsubmit="return verifForm()">

mettre ça dans le onclick du bouton form est plus qu'hasardeux ... cela fonctionne peut être sur ton navigateur mais rien ne dit que cela focntionnera pour les autres
...
24/07/2007, 14h56
Invité

t'as pas du comprendre ce que j'ai di dans mon dernier post

en fait j'ai mi le onclick directement dasn le bouton submit et non dans le form
24/07/2007, 19h34
SpaceFrog

si si j'ai beau venir de l'espace, je ne suis pas demeuré ...

j'ai parfaitement compris ...
Par contre il semblerait que toi tu n'ais pas compris que je te dis que c'es tune infâme bidouille et que pour que ton code soit propre et que tu n'aies pas de surprises tu ferais mieux de mettre le tout dasn un formulaire et utiliser un bouton submit et le onsubmit du form ...

Mais bon si tu veux que seulement 50% des utilisateurs aient accès à toutes les focntionalités de ston site ... libre à toi ... :roll:
24/07/2007, 19h58
Invité

dans mon code j'ai un <form></form> et un bouton submit

c'est jsute que la fonction js je l'appelle dans la balise du bouton submit et non dans la balise <form>
24/07/2007, 20h18
SpaceFrog

Citation:

bonjour
je ne connais presque pas le javascript
j'aurais donc besoin d'aide pour un programme php que je fait

:roll:
A toi de voir si du haut de ta longue expérience du javascript tu souhaites ignorer mes conseils ...
25/07/2007, 01h49
Invité

j'ai testé avec plusieurs navigateurs différents et ca amrche... si jamais je trouve un navigateur et que ca ne marche pas je modifierai avec tes conseils

masi bon en attendant j'aime bien faire à ma sauce pour voir si ca marche ou pas
et c'est en faisait des erreurs qu'on apprend...

masi bon pour l'instant ca marche avec firefox et IE7
je testerai en plus IE6 et opera demain et je pense que cela devrait suffir pour voir si c'est compatible ou non n'est ce pas ?