[AJAX] Style différent après traitement XMLHttpRequest

Bonjour,

J'ai un fichier xml qui est chargé grâce à une fonction loadXML(url).

Cette fonction récupère le contenu des balises du document xml et les écrits dans une div dans une page web html.

La manipulation fonctionne parfaitement, j'ai bien mes données écrites dans le fichier html mais il y a une différence de style. Le fieldset n'est pas bien représenté (il est en carré) alors que si je met le code en dur directement dans le fichier html, le fieldset apparait correctement pour chaque donnée.

Voici le fichier script.js:

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
function loadXMLDoc(url)
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
 
  //Début traitement Saviez-vous
    {
    saviezvous="";
    x=xmlhttp.responseXML.documentElement.getElementsByTagName("SAVIEZVOUS");
    for (i=0;i<x.length;i++)
      {
      saviezvous=saviezvous + "<fieldset><div class='row'><font color='#B3BC07' size='2px'>";
      xx=x[i].getElementsByTagName("CONTENT");
        {
        try
          {
          saviezvous=saviezvous + xx[0].firstChild.nodeValue + "</font>";
          }
        catch (er)
          {
          saviezvous=saviezvous + "<p>erreur*</p>";
          }
        }
        saviezvous=saviezvous + "</div></fieldset>";
      }
    document.getElementById('writeSAVIEZVOUS').innerHTML=saviezvous;
  }
//Fin traitement saviez-vous
 
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}

Le fichier html:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<html>
<head>
<script type="text/javascript" src="script.js"></script>
<SCRIPT TYPE="text/javascript">
        function init(){
        loadXMLDoc('http://www.*****/data.xml');
        }
</SCRIPT>
</head>
<body onload="init();">
 
<div id="writeSAVIEZVOUS"></div>
 
</body>
</html>

Si vous pouvez jetez un oeil! Merci !