java script et XSL

**mouna1** · 01/06/2009, 12h36

Bonjour,
j'ai voulu faire faire un petit exemple avec XML et XSL .
Dans le fichier XSL, j'ai inséré du code HTML, et c'est bien passé mais quand j'ai inséré du java script pour la réation d'onglets j'ai eu message d'erreur suivant:
Erreur d'analyse XML : mal formé
Emplacement : file:///H:/essai/monxsl.xsl
Numéro de ligne 12, Colonne 22 : for (var i=1; i<n ;i++)
------------------------------------------^
Quel est le problème alors??

**alain.couthures** · 01/06/2009, 12h39

Le < est un caractère réservé en XML : il faut mettre < ou encadrer le tout par un CDATA !

**mouna1** · 01/06/2009, 12h48

est ce que vous pouvez mieux vous expliquer??
Ou mettre exactement le "&lt"?
Désolée je débute avec le XML.

**alain.couthures** · 01/06/2009, 12h49

< à la place de < !

**mouna1** · 01/06/2009, 12h56

encore ça ne marche pas:

for (var i=1;i &lt n;i++)
--------------------------------^

**alain.couthures** · 01/06/2009, 12h59

Il faudrait en poster plus pour pouvoir localiser le problème !

**mouna1** · 01/06/2009, 13h04

Bon, voila mon fichier XSL:

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
53
54
55
56
57
58
59
60
61
 
<?xml version='1.0'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
	<SCRIPT language="Javascript">
		function ChangeOnglet_2(active, nombre, tab_prefix, contenu_prefix)
		{
			var n=nombre + 1;
			for (var i=1;i &lt n;i++)
			{
				document.getElementById(contenu_prefix + i).style.display = 'none';
				document.getElementById(tab_prefix + i).className = '';
			}
			document.getElementById(contenu_prefix+active).style.display = 'block';
			document.getElementById(tab_prefix+active).className = 'active';
		}
	</SCRIPT>
 
	<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
 
	<title>
	petit essai
	</title>
	<link rel="stylesheet" href="monstyle.css" type="text/css" media="screen" />
 
 
</head>
 
<body>
bonjour
 
<div id="rubriques">
				<ul class="tabs">
					<li><a href="javascript:ChangeOnglet_2(1, 4, 'tab_', 'content_');" id="tab_1" class="active">onglet1</a></li>
					<li><a href="javascript:ChangeOnglet_2(2, 4, 'tab_', 'content_');" id="tab_2">onglet2</a></li>
					<li><a href="javascript:ChangeOnglet_2(3, 4, 'tab_', 'content_');" id="tab_3">onglet3</a></li>
					<li><a href="javascript:ChangeOnglet_2(4, 4, 'tab_', 'content_');" id="tab_4">onglet4</a></li>
				</ul>
				<div id="content_1" class="content">
					contenu 1
				</div>	
				<div id="content_2" class="content">
					contenu2
				</div>	
				<div id="content_3" class="content">
					contenu3
				</div>	
				<div id="content_4" class="content">
					contenu4
				</div>	
</div>
 
</body>
</html>
</xsl:template>
</xsl:stylesheet>

**alain.couthures** · 01/06/2009, 14h26

Il faut rajouter le ; à la fin ! C'est < et non pas seulement &lt !

Sinon, il faut utiliser http://www.w3.org/1999/XSL/Transform et non pas http://www.w3.org/TR/WD-xsl !

**mouna1** · 01/06/2009, 15h35

ça marche maintenant merci, mais il y a un autre problème

En cliquant sur chaque onglet, le contenu qui lui est approprié ne s'affiche pas, bien que j'ai bien vérifié que ça marche en HTML pur.

et voici le fichier monstyle.css approprié au xsl élaboré la-dessus:

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
53
54
55
56
57
58
59
 
#rubriques{
	background-color: White;
	width: 800px;
	height: 500px;
	border-color: Aqua Aqua Aqua Aqua;
}
 
ul.tabs li
{
list-style:none;
display:inline;
}
ul.tabs li a
{
background-color:#6633FF;
color:#ffebb5;
padding:8px 14px 8px 14px;
text-decoration:none;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
border:1px solid #464c54;
}
ul.tabs li a:hover
{
background-color:#2f343a;
border-color:#2f343a;
}
ul.tabs li a.active
{
background-color:#CCE5FF;
color:#282e32;
border:1px solid #464c54;
border-bottom: 1px solid #ffffff;
}
 
ul.tabs
{
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}
 
.content
{
background-color:#CCE5FF;
/*padding:210px;
border:1px solid #464c54;
background-repeat:repeat-x;
background-position:bottom;*/
width: 800px;
height: 465px;
}
#content_2, #content_3, #content_4 
{
display:none; 
}

Aidez-moi SVP!!!!

java script et XSL

XML/XSL et SOAP

Discussions similaires

Partager

Partager