Style différent après traitement XMLHttpRequest

gégé140488 · 23/12/2010, 22h10

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 :

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

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
 
<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 !

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email