[XML + javascript]

Version imprimable

02/05/2006, 14h44
Lady_jade

[XML + javascript]

bonjour,

j'ai creer un fichier html qui se remplit avec les données d'un xml.

mais les couleurs sont quand à elles renseignées à l'aide d'une fonction javascript que j'ai nommée couleur().

voici ce que j'ai fait

-----------------------------------------------------------------

[code]
<html>
<head>
<title>Historique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="historique.css" type="text/css">
<xml id="dsoversion" src="data.xml"></xml>
<Script language=javascript>
function couleur (coul, nomDuChamp)
{
document.form.val.style.backgroundColor = coul;
document.form.getElementById(val).value = nomDuChamp;
}
</script>

</head>
<body>
<FORM NAME="form">
<table align=center border=1 class="table-ligne1" width=100% cellpadding=0 datasrc="#dsoversion" datafld="Entete">
<tr class="table-ligne1" width=100% cellpadding=0>
<td width=50%>Historique de la machine :</td>
<td width=50%><span datafld="Champ4"></span>
</td>
</tr>
<tr><td colspan=9>
<table align=center border=0 class="table-ligne2" width=100% cellpadding=0 datasrc="#dsoversion" datafld="Entete">
<tr>
<td width=10%><span datafld="Champ1"></span>
<td width=10%><span datafld="champ2"></span>
<td width=10%><span datafld="Champ3"></span>
<td width=17%><span datafld="champ5"></span>
<td width=17%><span datafld="champ6"></span>
<td width=17%><span datafld="champ7"></span>
<td width=17%><span datafld="champ8"></span>
<td><span datafld="champ9"></span>
</td>
</tr>
</table>
</td></tr>
<tr><td colspan=9>
<table align=center border=0 class="table-ligne2" width=100% cellpadding=0 datasrc="#dsoversion" datafld="Data">
<tr>

<td width=10%><span datafld="Champ1"></span>
<td width=10%><span datafld="champ2"></span>
<td width=10%><span datafld="Champ3"></span>
<td width=17%><span datafld="champ5"></span>
<td width=17%><span datafld="champ6"></span>
<td width=17%><input type="text" id="val" name="val" border="0" value="" onChange="couleur(<span datafld='champ4'></span>,<span datafld='champ9'></span>)"><span datafld ='champ7'></span>
<td width=17%><span datafld="champ8"></span>
<td><span datafld="champ9"></span>
</td>
</tr>
</table>
</td></tr>
</table>
</form>
</body>
</html>

[\code]
-----------------------------------------------------------------

je ne comprends pas pourquoi ma fonction couleur ne marche pas????
02/05/2006, 15h33
Swoög
Salut !

alors tout d'abord, pour fermer les bbcode (le [code] notamment), c'est pas un \ mais un / qu'il faut ;)

ensuite, pour ton code, je ne suis pas sûr que la balise xml soit valide ;)

je pense qu'une balise

Code:

<script type="application/xml">

serait mieux adaptée ;) mais bon, c'est juste une idée...

pour ta fonction javascript, par contre, il faudrait faire untruc comme ça :
Code:

1 2 document.getElementById("val").style.backgroundColor = coul; document.getElementById("val").value = nomDuChamp;
ensuite, le problème vient également du fait que tu utilises des trucs très bizarres, normalement, il vaut mieux éviter les < et > dans les attributs... (je suis sûr que c'est interdit en XHTML, mais je ne sais plus pour HTML) sans parler des " et ' qui ont l'air utilisés (ou pas) à tort et à travers ;)

enfin, commence déjà par éditer ton post pour pouvoir mettre des balises code correctes, et puis par modifier ton code javascript, il y aura peut-être moyen de modifier autrement tes balises...

bon alors j'avais bien pensé à écrire

Code:

1
2
 
document.getElementById("val").style.backgroundColor

mais ça ne change pas grand chose..............

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
53
54
55
56
57
58
59
 
<html>
<head>
<title>Historique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="historique.css" type="text/css">
<xml id="dsoversion" src="data.xml"></xml>
<Script language=javascript>
function couleur (coul, nomDuChamp)
{
document.getElementById("val").style.backgroundColor = coul;
document.getElementById("val").value = nomDuChamp;
}
</script>
 
</head>
<body> 
<FORM NAME="form">
<table align=center border=1 class="table-ligne1" width=100% cellpadding=0 datasrc="#dsoversion" datafld="Entete">
<tr class="table-ligne1" width=100% cellpadding=0>
<td width=50%>Historique de la machine :</td>
<td width=50%><span datafld="Champ4"></span>
</td>
</tr>
<tr><td colspan=9>
<table align=center border=0 class="table-ligne2" width=100% cellpadding=0 datasrc="#dsoversion" datafld="Entete">
<tr>
<td width=10%><span datafld="Champ1"></span>
<td width=10%><span datafld="champ2"></span>
<td width=10%><span datafld="Champ3"></span>
<td width=17%><span datafld="champ5"></span>
<td width=17%><span datafld="champ6"></span>
<td width=17%><span datafld="champ7"></span>
<td width=17%><span datafld="champ8"></span>
<td><span datafld="champ9"></span>
</td>
</tr>
</table>
</td></tr>
<tr><td colspan=9>
<table align=center border=0 class="table-ligne2" width=100% cellpadding=0 datasrc="#dsoversion" datafld="Data">
<tr>
 
<td width=10%><span datafld="Champ1"></span>
<td width=10%><span datafld="champ2"></span>
<td width=10%><span datafld="Champ3"></span>
<td width=17%><span datafld="champ5"></span>
<td width=17%><span datafld="champ6"></span>
<td width=17%><input type="text" id="val" name="val" border="0" value="" onChange="couleur(<span datafld='champ4'></span>,<span datafld='champ9'></span>)"><span datafld ='champ7'></span><!-- <span datafld='champ4'></span>,<span datafld='champ9'></span> -->
<td width=17%><span datafld="champ8"></span>
<td><span datafld="champ9"></span>
</td>
</tr>
</table>
</td></tr>
</table>
</form>
</body>
</html>

je n'ai pas la moindre idée de la façon de récupérer la valeur de ma donnée contenue dans mon fichier xml autrement que:

Code:

1
2
 
<span datafld='champ4'></span>

de plus je sais que lors de l'appel de ma fonction couleur(), celle-ci doit avoir des guillemets pour l'attribut coul

de la façon suivante:

Code:

1
2
onChange="couleur( " <span datafld='champ4'></span> " ,<span datafld='champ9'></span>)"

seulement je m'y perds entre les guillemets simples et doubles:(

j'ai modifié la façon de generer mon fichier html
j'écris

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
<head>
<title>Historique</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script language="JavaScript">
AfficheDocXML();
function AfficheDocXML()
{
var Document;
Document = new ActiveXObject("Microsoft.XMLDOM");
Document.async = "false";
var couleur;
if(Document.load("data.xml"))
{
 document.write("<TABLE BORDER=1 CELLPADDING=0>");
 
 for(i=1;i<Document.documentElement.childNodes.length;i++)
 {
         document.write ("<TR ALIGN=center>");
                for(j=0;j<= 7;j++)
  {
                 document.write ("<TD>");
   if (j != 6)
                 document.write (Document.documentElement.childNodes(i).childNodes(j).text);
 
   if (j == 6)
   {
   couleur = Document.documentElement.childNodes(i).childNodes(6).text;
   //alert(Document.documentElement.childNodes(i).childNodes(6).text);
   document.write (Document.documentElement.childNodes(i).childNodes(7).style.color = couleur);
   }
                         document.write ("</TD>");
                }
                document.write ("</TR>");
         }
document.write ("</TABLE>"); 
}
else
{alert("fichier pas trouvé !");}
}        
</script>
</head>
<body>
</body>
</html>

j'obtiens l'erreur javascript:

Code:

1
2
 
documentElement.childNodes(...).childNodes(...).style a la valeur null ou n'est pas un objet

une petite aide serait la bienvenue:?

03/05/2006, 08h16
Lady_jade

SVP je suis vraiment bloquée:cry:
03/05/2006, 08h49
Swoög

YO !

au pire, essaie de faire de alert pour vérifier les valeurs des différents éléments, n'oublie pas que IE considère les noeuds textes blancs (exemple : saut de ligne entre deux balises) comme des noeuds, donc il y a peut-être un problème avec ça ;)