Affichage en javascript de XML

Version imprimable

30/07/2008, 10h36
broise

Affichage en javascript de XML

Bonjour à tous,

J'ai du XML mis en page par une XSL qui elle contient du javascript pour une sortie HTML.
Je cherche a afficher en info bulle du contenu XML.

Le problème est que je n'arrive pas à afficher le texte grâce au javascript.

J'ai ceci pour l'instant :

Code:

<p onmouseover="montre('<xsl:value-of select="test/Notes" />');" onmouseout="cache();"><xsl:value-of select="test/Term" /></p>

Ce serait dû aux chevrons... mais je n'en sais pas assez pour le confirmer.

Quelques petites idées ?

Merci d'avance,

erreur de "! (regarde la couleur)
->forum XML

Code:

1
2
3
4
 
<xsl:attribute name="onmouseover">
      montre('<xsl:value-of select="test/Notes" />')
  </xsl:attribute>

Merci pour le coup de main.

J'ai mis ça dans mon code, mais rien ne se passe.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<div>
        <xsl:attribute name="id">
                 <xsl:value-of select="@id"/>
        </xsl:attribute>
 
	<xsl:attribute name="onmouseover">
		montre('<xsl:value-of select="sect2/title"/>')
	</xsl:attribute>
 
       <xsl:attribute name="onmouseout">
	       cache('<xsl:value-of select="sect2/title"/>')
       </xsl:attribute>
 
	<h1><xsl:value-of select="title" /></h1>
 
</div>

Ça serait pas parce que je ne lui indique pas l'attribut à afficher ou masquer ?

30/07/2008, 17h03
Matthieu2000

Aucune idée, je ne connais ni ton code ni le document xml
30/07/2008, 17h08
le_chomeur

matthieu et ta boule de christal ? :roll:
tu n'y met pas du tiens sur le coup !

Quelques petites infos de plus pour la route...

Le doc XML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<book>
	<chapter id="chapitre1">
		<sect1 id="chap1sec1">
			<title>chap1sec1</title>
		</sect1>
...
		<sect1 id="chap1sec2">
			<title>chap1sec2</title>
		</sect1>
	</chapter>
...
	<chapter id="chapitre2">
		<sect1 id="chap2sec1">
			<title>chap2sec1</title>
		</sect1>
...
		<sect1 id="chap2sec2">
			<title>chap2sec2</title>
		</sect1>
	</chapter>
</book>

La XSL

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<xsl:template match="book/chapter">
	<xsl:for-each select="sect1">
		<p>
			<xsl:attribute name="onmouseover">montre('<xsl:value-of select="./@id"/>"')</xsl:attribute>
			<xsl:attribute name="onmouseout">cache('<xsl:value-of select="./@id"/>"')</xsl:attribute>
			<xsl:attribute name="class">titre</xsl:attribute>
			Mon titre
		</p>
 
		<div>
			<xsl:attribute name="id"><xsl:value-of select="./@id" /></xsl:attribute>
			<xsl:attribute name="class">monstyle</xsl:attribute>
			<p>Bonjour, c'est cool, ça marche</p>
		</div>
 
	</xsl:for-each>	
</xsl:template>

Si je ne me trompe pas, il faut nommer les div dans la CSS et les mettre en diplay:none. Mais je ne vois pas trop comment les nommer puisqu'elles sont générées par la xsl.

Merci,

31/07/2008, 10h26
Matthieu2000

fais ton slyte par class!

Citation:

.monstyle{diplay:none}

Ca, ça marche nikel pour masquer le contenu mais rien ne s'affiche au passage de la souris

Ca doit venir de mon javascript alors...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
<!--
  function montre(id) {
   if (document.getElementById) {
    document.getElementById(id).style.display="block";
  } else if (document.all) {
    document.all[id].style.display="block";
  } else if (document.layers) {
    document.layers[id].display="block";
  } }
 function cache(id) {
   if (document.getElementById) {
    document.getElementById(id).style.display="none";
  } else if (document.all) {
    document.all[id].style.display="none";
  } else if (document.layers) {
    document.layers[id].display="none";
  } }
//-->
</script>

Merci encore

Citation:

.monstyleVisible{display:block}

.monstyleCache{display:none}

Code:

1
2
3
4
5
6
  function montre(id) {
    document.getElementById(id).className="monstyleVisible";
   }
 function cache(id) {
   document.getElementById(id).className="monstyleCache";
 }

31/07/2008, 13h45
broise

Heuuu, là, je suis perdu.

En gros, il faut que la class change en fonction de si c'est onmouseover ou pas ?
31/07/2008, 14h32
Matthieu2000

Citation:

Envoyé par broise

Heuuu, là, je suis perdu.

En gros, il faut que la class change en fonction de si c'est onmouseover ou pas ?

oui

sous ie

Citation:

document.getElementById(id).style.display

peut planter car le "style"n'est pas initialisé (null, et ne peut donc pas avoir de propriété display)
01/08/2008, 14h39
broise

1 pièce(s) jointe(s)

Ça ne marche toujours pas... :-(
Mais ce n'est qu'une question de temps... enfin, j'espère.

Les fichiers sont en pièce jointe. Un petit coup de main d'expert devrait remettre tout ça dans l'ordre ou me remettre sur le droit chemin.

La norme ici est IE6.

Merci encore,

Citation:

display

j'ai mal taper dsl ! display avec un s

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
62
63
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html"/>
<xsl:template match="/">
 
 
	<html>
		<head>
			<title>Test</title>
 
<script type="text/javascript">
 
function montre(id) {
    document.getElementById(id).className="monstyleVisible";
   }
 function cache(id) {
   document.getElementById(id).className="monstyleCache";
 }
 
</script> 
 
<style>
.monstyleVisible{display:block}
 
.monstyleCache{display:none} 
.titre{
	color:#000099;
	font-size:12px;
}
</style>
 
</head>
<body>
<xsl:apply-templates/>
 
</body>
</html>
 
 
</xsl:template>
 
 
 
<xsl:template match="book/chapter">
	<xsl:for-each select="sect1">
		<br />
		<p>
			<xsl:attribute name="onmouseover">montre('<xsl:value-of select="./@id"/>')</xsl:attribute>
			<xsl:attribute name="onmouseout">cache('<xsl:value-of select="./@id"/>')</xsl:attribute>
			<xsl:attribute name="class">titre</xsl:attribute>
			<xsl:value-of select="@id" />
		</p>
 
		<div class="">
			<xsl:attribute name="id"><xsl:value-of select="./@id" /></xsl:attribute>
			<xsl:attribute name="class">monstyleCache</xsl:attribute>
			<p>Bonjour, c'est cool, ça marche</p>
		</div>
 
	</xsl:for-each>
</xsl:template>
 
</xsl:stylesheet>

ps : pour les caractères spéciaux en com () ajoute CDATA

01/08/2008, 16h15
broise

Ça ne donne rien...
01/08/2008, 16h21
Matthieu2000

Citation:

Envoyé par broise

Ça ne donne rien...

cad?

ca marche sous ie 7 et ff!
01/08/2008, 16h23
broise

Oki, je reteste tout ça alors.

Merci,

En fait tout est affiché par défaut à l'affichage de ma page sous ie et sous ff.

Le js c'est bien ça ?

Code:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
<!--
document.getElementById(id).style.displays
function montre(id) {
    document.getElementById(id).className="monstyleVisible";
   }
 function cache(id) {
   document.getElementById(id).className="monstyleCache";
 }
//-->
</script>

Et la class par défaut je mets monstyleCache, comme ça :

Code:

1
2
3
4
5
<div>
			<xsl:attribute name="id"><xsl:value-of select="./@id" /></xsl:attribute>
			<xsl:attribute name="class">monstyleCache</xsl:attribute>
			<p>Bonjour, c'est cool, ça marche</p>
		</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<![CDATA[
<!--
function montre(id) {
    document.getElementById(id).className="monstyleVisible";
   }
 function cache(id) {
   document.getElementById(id).className="monstyleCache";
 }
 //-->
]]>
 
...
<style>
.monstyleVisible{display:block}
 
.monstyleCache{display:none} 
.titre{
	color:#000099;
	font-size:12px;
}
</style>

Citation:

mets en commentaire pour xsl

ps : dans ton fichier, j'ai vu aussi d'autres codes qui trainent (à supprimer)

ça c'est mon xsl total

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
62
63
64
65
66
67
68
69
70
71
72
73
74
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html"/>
<xsl:template match="/">
 
 
	<html>
		<head>
			<title>Test</title>
 
 
 
 
<script>
<![CDATA[
<!--
function montre(id) {
    document.getElementById(id).className="monstyleVisible";
   }
 function cache(id) {
   document.getElementById(id).className="monstyleCache";
 }
 //-->
]]>
 
</script>
 
 
<style>
.monstyleVisible{display:block}
 
.monstyleCache{display:none} 
.titre{
	color:#000099;
	font-size:12px;
}
</style>
 
 
 
</head>
<body>
 
<xsl:apply-templates/>
 
 
</body>
</html>
 
 
</xsl:template>
 
 
 
<xsl:template match="book/chapter">
	<xsl:for-each select="sect1">
		<br />
		<p>
			<xsl:attribute name="onmouseover">montre('<xsl:value-of select="./@id"/>"')</xsl:attribute>
			<xsl:attribute name="onmouseout">cache('<xsl:value-of select="./@id"/>"')</xsl:attribute>
			<xsl:attribute name="class">titre</xsl:attribute>
			<xsl:value-of select="@id" />
		</p>
 
		<div>
			<xsl:attribute name="id"><xsl:value-of select="./@id" /></xsl:attribute>
			<xsl:attribute name="class">monstyleCache</xsl:attribute>
			Texte qui s'affiche : <xsl:value-of select="@id" />
		</div>
 
	</xsl:for-each>
</xsl:template>
 
</xsl:stylesheet>

J'ai viré le bout de javascript qui traînait

Il faut changer des trucs dans le xml ?

Code:

1
2
<xsl:attribute name="onmouseover">montre('<xsl:value-of select="./@id"/>')</xsl:attribute>
			<xsl:attribute name="onmouseout">cache('<xsl:value-of select="./@id"/>')</xsl:attribute>

tu as mis un " en trop pour les appel!

01/08/2008, 17h07
broise

C'est bon, ça roule nikel !!

Un grand merci Matthieu2000 pour le bon coup de main !