Discussion :

[malgache]

Bonjour,

je voudrai savoir si c'est possible de recharger le css d'une div?
En faite, apres une requete ajax, j'ajoute en JS des lignes dans un <table>, mais mon souci, c'est ce que j'ajoute ne prend pas le css définis. Je suis obligé de recharger ma page pour avoir le bon css, j'arrive pas à trouver comment contourner ça...

Merci d'avance.

Edit: je viens de me rendre compte que je ne suis pas dans la bonne partie du forum désolé

[TheGwy]

Bonjour.

Normalement tes styles devraient s'appliquer instantanément sans intervention de ta part. La première chose à faire est donc de vérifier avec un inspecteur DOM que tu ajoute bien tes éléments au bon endroit (une erreur est vite arrivée), et que les selecteurs de tes règles CSS matchent bien ces éléments.

Dans le cas où tout est bon de ton côté mais que malgré tout cela ne fonctionne pas (peu probable mais pas impossible, j'ai déjà eu des bugs similaires sur de vieux intranets IE only...), une solution très simple est de forcer le navigateur à re-rentrer dans sa boucle de rendu : reflow + redraw.

La manière la plus simple de faire celà est de changer les dimensions de ton conteneur.

Code :

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

1
2
3
4
5
6
7
8
9
 
 
// ici ton append qui fonctionne à moitié
// car pas de style
maTable.appendChild(mesLignes);
 
window.setTimeout(function(){
    maTable.parent.style.height = parseInt(maTable.parent.style.height, 10) + 1 + 'px';
}, 15);

Ici utiliser un setTimeout peut parfois être utile car les navigateurs ont pour habitude de "batcher" autant que possible les modifications DOM afin d'éviter de couteux cycles de reflow/redraw succesifs.