[AJAX] Appliquer un style au résultat de Ajax
Bonjour,
Je fais un site web qui contient des DIV, et je souhaite modifier dynamiquement le contenu de ces DIV.
Pour cela, j'utilise un objet XHR de la manière suivante :
Code:
1 2 3 4 5 6 7 8 9 10 11 12
|
xhr.onreadystatechange = function()
{
if (xhr.readyState == 4)
{
if(xhr.status == 200)
{
var reponse = xhr.responseText;
document.getElementById(destination).innerHTML = reponse;
}
}
}; |
Ce code fonctionne très bien, à un détail près : le style de ma page n'est pas appliqué entièrement au résultat quand je spécifie la classe que je souhaite utiliser pour mon objet.
Comment puis-je faire pour que ce que j'injecte dans mes DIV utilise le même style que ma page principale, et ainsi pouvoir utiliser les même "class" ?
J'ai essayé en rajoutant une en-tête
Code:
1 2 3 4 5 6
|
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body> |
à mon résultat Ajax, mais ça ne change rien...