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

Version imprimable

28/03/2011, 15h06
Jmaniez

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

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.

Bonjour,

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

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

28/03/2011, 16h39
Jmaniez

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

:merci: beaucoup xess91 :ccool:,

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 ?

Citation:

Envoyé par xess91

Bonjour,

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

Code:

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:

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>

Citation:

Envoyé par xess91

Bonjour,

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

Code:

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:

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>

juste pour donne rune version incompréhensible :mrgreen:

Code:

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>

Code:

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

;)

29/03/2011, 09h42
Jmaniez

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