[AJAX] Soucis Avec Ajax et ie

Bonjour je rencontre un probléme sur IE avec AJAX.

Enfaite je veux actualisé une TABLE suivant des dates.
Voici mon code.

Fichier Javascript

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
 
function submitDate()
{ 
	date1 = document.ajax.date_debut.value;
	date2 = document.ajax.date_fin.value;
	idp = document.ajax.idpart.value;
	req = getReq(); // la fonction getReq envoi le XMLHTTP suivant firefox ou ie
	req.onreadystatechange = function()
	{ 
				if(req.readyState == 4)
				{
					if(req.status == 200)
					{
document.getElementById("date").innerHTML=req.responseText;	
					}	
					else	
					{
		document.getElementById("date").innerHTML="Error: returned status code " + req.status + " " + req.statusText;
					}	
				} 
	}; 
	req.open("POST", 'vu.php', true);
	req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
	req.send("d1="+ date1 +"&d2="+ date2 +"&id_part="+idp); 
}

Portion de code du fichier vu.php

Code:

1
2
3
4
5
6
7
8
9
10
 
		while ( $fetch_assoc = mysql_fetch_assoc($query_tab) )
		{
			if ( ($fetch_assoc['nb_clic']) + ($fetch_assoc['transaction']) != 0 )
			{
				echo ("<tr class='ligne$ligne'><td>".defmt_date($fetch_assoc['date'])."</td></tr>");
				if ($ligne == 1) $ligne = 2;
				elseif ($ligne == 2) $ligne = 1;
			}
		}

la page d'appel

Code:

1
2
3
4
 
				echo("<table border='0' width='90%' cellpadding='2px' cellspacing='2px' align='center'><tr><td>");		
				echo("<div id='date' name='date'><script language='javascript'>submitDate()</script></div>");	
				echo("</td></tr></table>");

Donc sur firefox tout marche normalement sans aucun soucis mais sous IE il me renvoi pas mes lignes, il me renvoi les données à la suite comme ceux-ci :
dateligne1dateligne2datelign3......
au lieu de faire
dateligne1
dateligne2
dateligne3
..

Si quelqu'un aurais une solution car ca fait 2jours je garlere la dessu :s