Discussion :

[pierrot10]

Bonjour,

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

Code :

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

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 :

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

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

Code html :

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

<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 css :

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

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

[NoSmoking]

Bonjour,
une remarque en passant tant qu'à utiliser jQuery autant l'utiliser même pour la partie Ajax.

Une autre remarque valable surtout avec IE, il est préférable d'injecter le code complet de ta TABLE dans une DIV plutôt que d'essayer de lui en injecter des morceaux.