Distribution de points?

Version imprimable

13/07/2007, 15h33
elwario91

Distribution de points?

Bonjour!

J'ai cherché partout mais trouvé qu'un seul script trop compliqué qui n'a pas marché :?

Qui connaît un script ou qui pourrait me faire un petit script javascript qui fait ceci:

Créer 2 boutons et 2 inputs, 2 boutons permettent d'ajouter ou d'enlever des points au input contenant les points restant et les ajouter ou enlever au input designé :)

Page: http://gangstalife.titi-serveur.net/profil.php

Merci
13/07/2007, 15h34
SpaceFrog

rien compris ...
qui donne quoi à qui et quand ?
13/07/2007, 15h36
elwario91

J'ai edité le message, j'espère que tu comprendras :D
13/07/2007, 15h37
SpaceFrog

bon là tu as 9 points à distribuer ?
c'est pour un jeu de role ?

tu veix les distribuer ou ?
13/07/2007, 15h46
elwario91

Disons qu'au départ j'ai 10 points à distribuer dans 10 catégories.
Au fur et à mesure qu'on avance dans le jeu, les points à distribuer s'ajoutent!
13/07/2007, 15h50
SpaceFrog

je vois la principe mais tu determines comment dasn quelle catégorie tu l'ajoutes ?
13/07/2007, 16h22
elwario91

Il faudra créer des boutons pour chaque catégorie:

[points restants]
Catégorie: [points total] [+] [-]
Catégorie: [points total] [+] [-]
Catégorie: [points total] [+] [-]
...

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
<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('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('distrib').value=Number(document.getElementById('distrib').value)+1;
return true;
}
 
 
</script>     															
 
<style type='text/css'>
.categorie {text-align:right;}
</style>
 
</head>
 
<body>
<p>
<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><input type='text' 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='text' 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='text' 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 />
<div style="width:100px;float:left;">catégorie 4</div><input type='text' class="categorie" id='cat_4' value="0" onfocus="this.blur()" style='width:40px'/><input type='button'  value="+" onclick="addTo('cat_4')" style='width:20px'/><input type='button'  value="-" onclick="SubFrom('cat_4')"  style='width:20px'/><br />
<div style="width:100px;float:left;">catégorie 5</div><input type='text' class="categorie" id='cat_5' value="0" onfocus="this.blur()" style='width:40px'/><input type='button'  value="+" onclick="addTo('cat_5')" style='width:20px'/><input type='button'  value="-" onclick="SubFrom('cat_5')"  style='width:20px'/><br />
<div style="width:100px;float:left;">catégorie 6</div><input type='text' class="categorie" id='cat_6' value="0" onfocus="this.blur()" style='width:40px'/><input type='button'  value="+" onclick="addTo('cat_6')" style='width:20px'/><input type='button'  value="-" onclick="SubFrom('cat_6')"  style='width:20px'/><br />
<div style="width:100px;float:left;">catégorie 7</div><input type='text' class="categorie" id='cat_7' value="0" onfocus="this.blur()" style='width:40px'/><input type='button'  value="+" onclick="addTo('cat_7')" style='width:20px'/><input type='button'  value="-" onclick="SubFrom('cat_7')"  style='width:20px'/><br />
<div style="width:100px;float:left;">catégorie 8</div><input type='text' class="categorie" id='cat_8' value="0" onfocus="this.blur()" style='width:40px'/><input type='button'  value="+" onclick="addTo('cat_8')" style='width:20px'/><input type='button'  value="-" onclick="SubFrom('cat_8')"  style='width:20px'/><br />
<div style="width:100px;float:left;">catégorie 8</div><input type='text' class="categorie" id='cat_9' value="0" onfocus="this.blur()" style='width:40px'/><input type='button'  value="+" onclick="addTo('cat_9')" style='width:20px'/><input type='button'  value="-" onclick="SubFrom('cat_9')"  style='width:20px'/><br />
<div style="width:100px;float:left;">catégorie 10</div><input type='text' class="categorie" id='cat_10' value="0" onfocus="this.blur()" style='width:40px'/><input type='button'  value="+" onclick="addTo('cat_10')" style='width:20px'/><input type='button'  value="-" onclick="SubFrom('cat_10')"  style='width:20px'/><br />

13/07/2007, 17h01
elwario91

Merci, c'est exactement ce que je cherchais :)
Dernière question, comment peut on attribuer les points totals à distribuer en fonction d'une variable php?
:king:
13/07/2007, 17h04
SpaceFrog

Code:

<div style="width:100px;float:left;">Total</div><input type='text' class="categorie" id='distrib' value="<% $Totalpoints %>" style='width:40px'/><br/>

ou un truc dans ce style là

a moins de passer le total à une variable javascript ...
13/07/2007, 17h21
elwario91

Désolé, j'aurais un peu du lire ton code :p, c'est tellement logique ;)
Merci pour tout, je n'ai jamais vu quelqu'un répondre si vite et gentillement :P
13/07/2007, 17h30
elwario91

Désolé j'ai encore une question peut-être idiote...
Comment récupérer les données?
Parce que même si j'ajoute/enlève des points, le value="" du champ ne change pas, donc je ne sais pas comment récupérer pour les stocker dans ma bdd :aie:
13/07/2007, 18h31
SpaceFrog

tu communique comment avec le serveur
tu souhaites faire un form avec bouton envoyer ?
14/07/2007, 15h13
elwario91

Oui avec un bouton d'envoi!

si tu as un bouton envoyer et que les inputs sonts dans le formulaire ils sont transmis lors de l'envoi sauf si les champs sont disabled ...

Il va te falloir remplacer tous les champs disables par des divs par exemple et mettre tous tes champs en hidden

j'ai mis l'exemple pour la première catégorie

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
<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;
}
 
 
</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>
<p>
<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 />