Discussion :

[Arsene12]

Bonjour,

j'ai une div Conteneur qui en contient 2 autres : une qui contient un texte et l'autre qui contient des boutons.

Je voudrai, en cliquant une seule fois sur le bouton Agrandissement, augmenter la taille de la police du texte et des boutons jusqu'à ce que la taille de la div Conteneur soit dépassée.

Pourriez-vous m'aider à résoudre ce problème svp,

https://jsfiddle.net/9a8xnddc/1/

https://jsfiddle.net/9a8xnddc/2/

Merci d'avance.

Arsène

[mathieu]

à chaque agrandissement, vous devez mettre à jour les variables qui calculent les tailles

regardez là :
https://jsfiddle.net/9a8xnddc/7/

[Arsene12]

Merci beaucoup,

c'est exactement ce que je cherchais.

[NoSmoking]

Bonjour,
tu aurais pu également choisir de n’agir que sur la font-size du conteneur en ayant pris soin de mettre une font-size en relative aux éléments, cela revient à utiliser la Cascade du CSS.

Code :

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

1
2
3
4
5
$('#Agrandir').click(function () {
    $('#Conteneur').css({
        fontSize: '+=1px'
    });
})

et le CSS modifié

Code css :

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

1
2
3
4
5
6
#Box1 {
   font-size:.8em;
}
.tailleBtn {
   font-size:1em;
}