Discussion :

[Arsene12]

Bonjour,

lorsque je clique sur un bouton, je le désactive et le traitement s'exécute. Je voudrai que lorsque le traitement est terminé, le bouton se réactive.
Pourriez-vous m'aider à corriger mon code pour que ça marche svp. Merci d'avance.

https://jsfiddle.net/wcneesyw/20/

Code HTML :

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

1
2
3
4
5
6
<button id="Action">Go</button>
<br><br>
<input id="button1" type="button" value="1" />
<br><br>
<input id="button2" type="button" value="Désactivation" />
<input id="button3" type="button" value="Réactivation" />

code JQUERY :

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
$('#Action').on('click',function() {
	increment(1);
});
 
function increment(i) {
$('#Action').attr('disabled', 'disabled');
	$('#button1').attr('value', i);
	if(i < 10) {
  	setTimeout(function() {
  		increment((i+1));
       if (i===10) {  
  //alert("OK");
$('#Action').attr('disabled', false); 
  }; 
    },300);      	
  if (i===10) {  
  //alert("OK");
$('#Action').attr('disabled', false);
  };
  };
 
};
 
 
$('#button2').on('click',function() {
$('#Action').attr('disabled', 'disabled');
});
 
$('#button3').on('click',function() {
$('#Action').attr('disabled', false);
});

[Invité]

Bonjour,

Voir .prop() :

Code :

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

.prop( "disabled", false );

[Arsene12]

merci mais ça change rien.

https://jsfiddle.net/wcneesyw/23/

Le résultat est le même.

[Invité]

1- i ne vaut jamais 10.

2-

Code :

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

$('#button1').prop('value', i);

Code :

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

  $('#button1').val(i);

3- enfin (?), INDENTE PROPREMENT ton code !
Tu y verras plus clair !

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function increment(i)
{
	$('#Action').prop('disabled', 'disabled'); // désactive le bouton
	$('#button1').val(i);
	if(i < 10) {
		i++; // on incrémente
		setTimeout(function() {
			increment(i); // on reboucle
			if (i==10) {
				$('#Action').prop('disabled', false); // réactive le bouton
			}
		},300);
	}
};

[Arsene12]

Merci beaucoup. J'ai mis 9 à la place de 10 et ça fonctionne.

https://jsfiddle.net/wcneesyw/24/