Discussion :

[guidav]

Bonjour

Pour changer la taille d'affichage à la volée d'un tableau, j'ai développé une petite fonction JS avec une ligne du genre :

Code :

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

cible.style.width='250';

Est-ce possible de modifier la classe à la volée et de voir l'affichage modifié en conséquence en javascript ? Par exemple avec

Code :

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

cible.style.class='maclasse;

Merci de votre aide.

[MasterOfChakhaL]

il faut utiliser:

Code javascript :

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

1
2
 
cible.style.className='maclasse';

[guidav]

Merci. En revanche, l'affichage (dans mon cas, la largeur du tableau) n'est pas modifié par le changement de classe.
Est-il nécessaire de recharger la page pour que le changement prenne effet ?

[MasterOfChakhaL]

Pas besoins de recharger la page normalement.

Le problème vient certainement des regles css définies dans 'maclasse'.

Par exemple, si tu définis width, il te faut une valeur, mais également une unité.

Code css :

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

1
2
3
4
 
.maclasse {
  width: 250px;
}

[Gruik]

Salut
C'est pas

Code :

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

element.style.className='maclasse';

mais

Code :

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

element.className='maclasse';

[guidav]

Oui, je viens de m'en apercevoir en réessayant !

Merci beaucoup pour la précision.