Discussion :

[Arsene12]

Bonjour,

j'ai un bouton. Lorsque j'y clique dessus pour exécuter une action, le curseur se met en "wait" (il le reste tant qu'on est positionné sur le bouton).
Je voudrai qu'à la fin du traitement il passe en "default".
Sauriez-vous comment faire pour cela svp?

https://jsfiddle.net/gmkxn7uh/

Merci d'avance de votre aide.

Cordialement,

Arsène

Code HTML :

Code :

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

1
2
3
<button id="Action">Go</button>
<br><br>
<input id="buttonV" type="button" value="1" />

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
$('#Action').on('click',function() {
$('#buttonV2').hide();
$(this).css('cursor','wait');
	increment(1);  
});
 
function increment(i) {
	$('#buttonV').attr('value', i); 
	if(i < 10) {
  	setTimeout(function() {
  		increment((i+1));
    }, 300);
$(this).css('cursor','default');
	}
}

[EddiGordo]

Bonjour,
C'est parce que le contexte (le "this") n'est pas le même dans ta fonction que ton code ne fonctionne pas comme tu le souhaites.
Tu peux faire quelque chose du genre :

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
$('#Action').on('click',function() {
$('#buttonV2').hide();
$(this).css('cursor','wait');
 
	increment(1);
 
});
 
function increment(i) {
	$('#buttonV').attr('value', i);  
 
	if(i < 10) {
  	setTimeout(function() {
  		increment((i+1));
    }, 300);
	}
  else
  {
      $("#Action").css( 'cursor', 'default' ); 
  }
 
}

[Watilin]

Il te manque juste un else dans ta fonction increment :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$('#Action').on('click', function () {
  $('#buttonV2').hide();
  $(this).css('cursor', 'wait');
  increment(1);
});
 
function increment(i) {
  $('#buttonV').val(i);
  if (i < 10) {
    setTimeout(function () { increment(i + 1); }, 300);
  } else {
    $('#Action').css('cursor', 'default');
  }
}

[Arsene12]

Merci beaucoup,

ça marche :

https://jsfiddle.net/gmkxn7uh/1/

Au départ je voulais désactiver un bouton durant la durée d'un traitement mais je me suis rendu compte que j'étais obligé de faire appel à la fonction setTimeout

https://jsfiddle.net/v3yca8zs/5/

car le code ci-dessous ne marche pas :

Code :

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

1
2
3
4
5
$('#Action').on('click',function() {
$('#Action').prop( "disabled", true );
	traitement();  
$('#Action').prop( "disabled", false );
});