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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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...