java script et XSL

Version imprimable

01/06/2009, 12h36
mouna1

java script et XSL

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??
01/06/2009, 12h39
alain.couthures

Le < est un caractère réservé en XML : il faut mettre < ou encadrer le tout par un CDATA !
01/06/2009, 12h48
mouna1

est ce que vous pouvez mieux vous expliquer??
Ou mettre exactement le "&lt"?
Désolée je débute avec le XML.
01/06/2009, 12h49
alain.couthures

< à la place de < !
01/06/2009, 12h56
mouna1

encore ça ne marche pas:

for (var i=1;i &lt n;i++)
--------------------------------^
01/06/2009, 12h59
alain.couthures

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

Bon, voila mon fichier XSL:

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

01/06/2009, 14h26
alain.couthures

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 !

ça marche maintenant merci, mais il y a un autre problème:cry:
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:

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