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

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

Citation:

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>

Willpower · 28/03/2011, 16h47

Citation:

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>

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.

28/03/2011, 15h06	#1
Jmaniez Invité de passage Jérémy Ingénieur développement logiciels Inscription : mars 2011 Messages : 3 Détails du profil Informations personnelles : Nom : Jérémy Localisation : France Informations professionnelles : Activité : Ingénieur développement logiciels Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : mars 2011 Messages : 3 Points : 1 Points : 1	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.
	00

28/03/2011, 16h39	#3
Jmaniez Invité de passage Jérémy Ingénieur développement logiciels Inscription : mars 2011 Messages : 3 Détails du profil Informations personnelles : Nom : Jérémy Localisation : France Informations professionnelles : Activité : Ingénieur développement logiciels Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : mars 2011 Messages : 3 Points : 1 Points : 1	RE: Incrémentation bouclée d'une cellule de tableau lorsque l'on clic dessus 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 ?
	00

29/03/2011, 09h42	#8
Jmaniez Invité de passage Jérémy Ingénieur développement logiciels Inscription : mars 2011 Messages : 3 Détails du profil Informations personnelles : Nom : Jérémy Localisation : France Informations professionnelles : Activité : Ingénieur développement logiciels Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : mars 2011 Messages : 3 Points : 1 Points : 1	Merci à tous pour vos réponses mais je pense m'en tenir à la solution de xess91.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email