Affichage en javascript de XML

Version imprimable

Voir 40 message(s) de cette discussion en une page

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!

Voir 40 message(s) de cette discussion en une page