[AJAX] et css sous IE8

Bonjour,

J'extrais des donnée de ma base de donnée via un code ajax don voici un exemple:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
// JavaScript Document
// JavaScript Document
// THAT FONCTION IS USE TO CREATE THE VAR XHR IN ORDER TO DO XMLHTTPREQUEST REQUEST
 
function getXhr(){
	//Création de l'objet XmlHttpRequest
	var xhr = null; 
	if(window.XMLHttpRequest) // Firefox et autres
		xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
		try {
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else { // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr = false; 
	}
	return xhr;
}
 
function check_batteries(){
	//http://siddh.developpez.com/articles/ajax/
	var xhr = getXhr(); // INSTENTIEE IN js/getXhr.js
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			$('#bat_listing').html(leselect);
		}else{
		}
	}
 
	// Ici on va voir comment faire du post
	xhr.open("POST","/manager/templates/naoux/xmlhttprequest/check_battery.sql.php",true);
 
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
	// ne pas oublier de poster les arguments
	// ici, l'id de l'auteur
	marque = document.getElementById('marque').value;
	categorie = document.getElementById('categorie').value;
 
	//alert(categorie);
 
	xhr.send("marque="+marque+"&categorie="+categorie);		
}

Ce code va inséré le résultat extrait dans un table de ma page.

Code:

$('#bat_listing').html(leselect);

Code:

<table id="bat_listing"></table>

Le contenu extrait sont des valeurs inclues dans des <tr> et des <td>

Sous FF, tout ce passe bien. Le CSS est pris en compte.

Sous IE8, le css n'est pas pris encompte ce qui, dans un sens , me semble normal puisque la page a deja été chargée.

Comment puis alors faire pour sous IE, le CSS soit rpis en compte par mon tableau.

Voici le CSS qui rentre en compte:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
table#bat_listing{
	margin-left:-73px;
	margin-top:20px;
	width:400px;
	border-collapse:collapse;
}
table#bat_listing tr td{
	font-size:10px;
	padding:5px;
}
table#bat_listing tr:first-child td{ 
	background-color: #27368b;
	color:#f5e50b;
	font-weight:bold;
}
 
table#bat_listing tr td:first-child{
	width:60px;
}
table#bat_listing tr td:nth-child(2){
	width:150px;
}
 
table#bat_listing tr td:nth-child(3){
	width:40px;
}

Merci