Discussion :

[broise]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Matthieu2000]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[broise]

Merci pour le coup de main.

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

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

[Matthieu2000]

Aucune idée, je ne connais ni ton code ni le document xml

[le_chomeur]

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

[broise]

Quelques petites infos de plus pour la route...

Le doc XML

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

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

[Matthieu2000]

fais ton slyte par class!

.monstyle{diplay:none}

[broise]

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 :

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

[Matthieu2000]

.monstyleVisible{display:block}

.monstyleCache{display:none}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[broise]

Heuuu, là, je suis perdu.

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

[Matthieu2000]

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

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)

[broise]

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

[Matthieu2000]

display

j'ai mal taper dsl ! display avec un s

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

[broise]

Ça ne donne rien...

[Matthieu2000]

Ça ne donne rien...

cad?

ca marche sous ie 7 et ff!

[broise]

Oki, je reteste tout ça alors.

Merci,

[broise]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Matthieu2000]

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

<!--
-->

mets en commentaire pour xsl

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

[broise]

ça c'est mon xsl total

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

[Matthieu2000]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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!