Incrémentation bouclée d'une cellule de tableau lorsque l'on clic dessus

**Jmaniez** · 28/03/2011, 15h06

Bonjour à tous,

Je tiens avant tout à m'excuser si mon post n'est pas au bon endroit.

Je suis nouveau sur le forum et malgré la quantité d'information disponible (c'est peut-être là le soucis) je ne trouve pas de solution à mon problème.

Je vous l'expose : Je code en JAVA et HTML et j'ai créé un formulaire comportant plusieurs critères. A chaque critère correspond une note variant de 1 à 10 que l'utilisateur doit renseigner.
Pour renseigner cette valeur je souhaiterai avoir une cellule comportant la note par défaut "1" et pouvoir incrémenter cette valeur en cliquant sur la cellule. Cependant, lorsque le valeur atteint "10" il faudrait qu'elle retourne à "1" (et non à "11") lors d'un clic supplémentaire.

Je me doute que le Javascript est nécessaire cependant je ne dispose que de peu de pratique et malgré de nombreuses recherche je tourne en rond.

Merci d'avance pour vos réponses.

Jérémy.

**xess91** · 28/03/2011, 16h09

Bonjour,

Tu peux ajouter sur chaque champs un fonction javascript comme ceci:

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
 
<html>
<head>
<script type="text/javascript">
function incrementation(obj, val)
{
obj.value = parseInt(val) + 1 ;
if(obj.value == 11)
 {
 obj.value = 1 ;
 }
}
</script>
</head>
<body>
<input type="text" onclick="incrementation(this, this.value);" value="1" />
</body>
</html>

En espérant que cela réponde à ta question

**Jmaniez** · 28/03/2011, 16h39

beaucoup xess91

,

Le principe de fonctionnement est tout à fait celui-là cependant il faudrait la même chose mais sans changer l'apparence de ma cellule.
Est-il possible de transformer le <input> afin qu'il prennent cette apparence ?

**Willpower** · 28/03/2011, 16h40

Envoyé par xess91

Bonjour,

Tu peux ajouter sur chaque champs un fonction javascript comme ceci:

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
 
<html>
<head>
<script type="text/javascript">
function incrementation(obj, val)
{
obj.value = parseInt(val) + 1 ;
if(obj.value == 11)
 {
 obj.value = 1 ;
 }
}
</script>
</head>
<body>
<input type="text" onclick="incrementation(this, this.value);" value="1" />
</body>
</html>

En espérant que cela réponde à ta question

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<script type="text/javascript">
function incrementation(obj)
{
  obj.value = ++parseInt(obj.value)%10
}
</script>
</head>
<body>
<input type="text" onclick="incrementation(this);" value="1" />
</body>
</html>

**SpaceFrog** · 28/03/2011, 16h50

juste pour donne rune version incompréhensible

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
var glob=1
function increm(){
document.getElementById('foo').value=(++glob%12 == 0)?++glob%12:glob%12;
}
</script>
<style type="text/css">
.button {width:20px;}
</style>
</head>
<body>
<input type="text" id="foo" readonly value="1" /> <input class="button" type="button" value="+" onclick="increm()" />
</body>
</html>

**Willpower** · 28/03/2011, 18h21

Code :

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

1
2
 
document.getElementById('foo').value=glob++%10+1;

**Jmaniez** · 29/03/2011, 09h42

Merci à tous pour vos réponses mais je pense m'en tenir à la solution de xess91.

**Willpower** · 28/03/2011, 16h47

Envoyé par xess91

Bonjour,

Tu peux ajouter sur chaque champs un fonction javascript comme ceci:

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
 
<html>
<head>
<script type="text/javascript">
function incrementation(obj, val)
{
obj.value = parseInt(val) + 1 ;
if(obj.value == 11)
 {
 obj.value = 1 ;
 }
}
</script>
</head>
<body>
<input type="text" onclick="incrementation(this, this.value);" value="1" />
</body>
</html>

En espérant que cela réponde à ta question

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<script type="text/javascript">
function incrementation(obj)
{
  obj.value=%10;
  obj.value++;
}
</script>
</head>
<body>
<input type="text" onclick="incrementation(this);" value="1" />
</body>
</html>

Incrémentation bouclée d'une cellule de tableau lorsque l'on clic dessus

JavaScript

Vue hybride

Discussions similaires

Partager

Partager