Discussion :

[Arsene12]

Bonjour,

J'ai 2 boutons sur l'exemple ci-dessous ;

https://jsfiddle.net/ehzpsuub/

Ma question est simple : sauriez-vous comment empêcher le redimensionnement en largeur de mon 1er bouton lorsqu'on clique sur le 2ème. Merci.

Cordialement,

Arsène.

[EddiGordo]

Bonjour,

Il faut faire du CSS.
Soit pour tous les boutons :

Code :

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

1
2
3
4
5
6
7
 
<style>
    button
    {
        width: 100px;
    }
</style>

Soit pour un seul bouton :

Code :

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

1
2
3
4
5
6
7
 
<style>
    #myId
    {
        width: 100px;
    }
</style>

Soit, et c'est ma préférence, déclarer une classe CSS et l'affecter aux boutons qui doivent se comporter de la sorte :

Code :

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

1
2
3
4
5
6
7
8
9
<style>
    .monBoutonParticulier
    {
        width: 100px;
    }
</style>

<input name="myName" id="myId" type="button" class="monBoutonParticulier" value="blablablablabla" />

[SpaceFrog]

Mise en application:
https://jsfiddle.net/ehzpsuub/1/

un autre possibilité serait de "figer" la largeur au chargement,
ainsi des boutons de largeur différente restent à la même largeur.

https://jsfiddle.net/ehzpsuub/2/

[Arsene12]

Je vous remercie pour vos solutions mais c'est celle-là que je retiens :

Code :

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

1
2
3
  $('.fixedWidth').each( function(){
  $(this).css('width', $(this).width());
  });

Elle me convient parfaitement car je veux pas d'une taille de bouton prédéfinie. J'initialise d'abord le bouton avec sa valeur la plus longue, j'utilise le code ci-dessus, et je peux ensuite réattribuer au bouton une autre valeur. Merci beaucoup.