Discussion :

[Arsene12]

Bonjour,

Comment arriver au résultat escompté en 1 seul clic par diminution progressive de la taille de la police?

https://jsfiddle.net/71b0es19/2/

Merci d'avance vos réponses.

Cordialement,

Arsène

[Invité]

Bonjour,

un bricolage :

Code jQuery :

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
$(document).ready(function() {
 
  $('#Action').click(function() {
    var DvW = $("#maFen").width();
    var BtW = $("#monBouton").width();
    var FtS1 = parseInt($("#monBouton").css('font-size'));
    // on determine d'abord la taille de police qui convient
    var FtS = FtS1;
    while (BtW > DvW && FtS > 0) {
      FtS--;
      $("#monBouton").css({
        'font-size': FtS + 'px',
        'visibility': 'hidden'
      });
      BtW = $("#monBouton").width();
    }
    // animation
    $("#monBouton").css({
      'font-size': FtS1 + 'px',
      'visibility': 'visible'
    }).animate({
      'font-size': FtS + 'px'
    }, 1500);
    // on masque le bouton
    $('#Action').hide();
  });
 
});

[Arsene12]

Bonjour,

Merci beaucoup, votre aide m'a été précieuse. C'est exactement la solution que je cherchais.

https://jsfiddle.net/bz4L036f/1/

[Invité]

Quel interêt de mettre animate à 0 (zéro) ??

Si tu ne veux pas d'animation :

Code jQuery :

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
$(document).ready(function() { 
 
$('#Action').click(function() {
 
      var DvW = $("#maFen").width();
    var BtW = $("#monBouton").width();
    var FtS = parseInt($("#monBouton").css('font-size'));
    while (BtW > DvW && FtS > 0) {
      FtS--;
      $("#monBouton").css({
        'font-size': FtS + 'px',
      });
      BtW = $("#monBouton").width();
    }
    // on masque le bouton
    $('#Action').hide();
  });
 
});