Distribution de points?

**elwario91** · 13/07/2007, 15h33

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

**SpaceFrog** · 13/07/2007, 15h34

rien compris ...
qui donne quoi à qui et quand ?

**elwario91** · 13/07/2007, 15h36

J'ai edité le message, j'espère que tu comprendras

**SpaceFrog** · 13/07/2007, 15h37

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

tu veix les distribuer ou ?

**elwario91** · 13/07/2007, 15h46

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!

**SpaceFrog** · 13/07/2007, 15h50

je vois la principe mais tu determines comment dasn quelle catégorie tu l'ajoutes ?

**elwario91** · 13/07/2007, 16h22

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

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

**SpaceFrog** · 13/07/2007, 16h50

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**elwario91** · 13/07/2007, 17h01

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?

**SpaceFrog** · 13/07/2007, 17h04

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**elwario91** · 13/07/2007, 17h21

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

**elwario91** · 13/07/2007, 17h30

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

**SpaceFrog** · 13/07/2007, 18h31

tu communique comment avec le serveur
tu souhaites faire un form avec bouton envoyer ?

**elwario91** · 14/07/2007, 15h13

Oui avec un bouton d'envoi!

**SpaceFrog** · 15/07/2007, 10h17

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Distribution de points?

JavaScript

Discussions similaires

Partager

Partager