Afficher / Masquer tableau

Version imprimable

Bonjour tout le monde,

Je fais actuellement une application en java qui généré du HTML a partir de XML.

Dans une de mes fichiers XSL, je généré des tableaux mais je veux que dans la page HTML résultat on puisse via un bouton afficher/masquer ces tableaux.

Voila mon code dans le 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 ///////////////////////////////////////// Mon bouton <input type="button" value="Montrer" onClick="javascript:hide('EHNJTABLE2');" /> //////////////////////////////////////////// ma table (bidon) <table id="EHNJTABLE2"> <tr> <td > <b>EHNJ</b> </td> <td > <b>COMMENTAIRE</b> </td> </tr> </table> ///////////////////////////// et mon code javascript <script type="text/JavaScript"> <xsl:text disable-output-escaping="yes"> <![CDATA[ function hide(identifiant) { alert("lalalalallalalal"); if (getElementById('identifiant').style.display=='block') { getElementById('identifiant').style.display='none'} else { getElementById('identifiant').style.display='block' };" } ]]> </xsl:text> </script>
Voila tout ceci est dans mon fichier xsl.

A savoir que lorsque je ne met que le alert("lalalalalaala"); dans ma fonction cela marche.
Donc ma question est que dois je modifier pour que cela marche ...

Merci de vos futures réponses.

26/03/2008, 14h55
Matthieu2000

Code:

getElementById(identifiant)

sans'
26/03/2008, 15h03
E.Bzz

Bonjour,

Citation:

Envoyé par Matthieu2000

Code:

getElementById(identifiant)

sans'

Voire même

Code:

document.getElementById(identifiant)

;)

A+

ca ne marche toujours pas sans les ' ' et avec document (en fait j avais deja tester :D )

ce qui est bizarre c'est que dans un doc html en mettant mon tableau et l'entree suivant :

Code:

1
2
3
4
5
6
7
 
<input type="button" value="Montrer" onClick=" if (document.getElementById('EHNJTABLE2').style.display=='block') {
					        document.getElementById('EHNJTABLE2').style.display='none'
							} 
							else {
					        document.getElementById('EHNJTABLE2').style.display='block'
	      };"

tout marche tres bien .

Au contraire dans le meme doc html si j appelle la fonction Hide cela ne marche plus.

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
 
	<input type="button" value="Montrer" onClick="javascript:hide('EHNJTABLE2');"  />
 
 
						<table id="EHNJTABLE2">
						<tr>
						<td >
							<b>EHNJ</b> 
						</td>
						<td >
							<b>COMMENTAIRE</b> 
						</td>
						</tr>	
						</table>			  
 
						  <script type="text/javascript">
					function hide(identifiant) {
 
					     if (document.getElementById(identifiant).style.display=='block') {
						 document.write("ici");
					        document.getElementById(identifiant).style.display='none'
							} 
							else {
					        document.getElementById(identifiant).style.display='block'
					      };"
					}
			</script>

Vous me direz :
ben met directement le code dans ton entree (bouton ) dans ta feuille XSL ...
Mais non si je fais cela eclipse me sort une erreur en me disant qu il ne connais pas la fonction getellementbyid ....

bref : help me plz :D

26/03/2008, 15h23
Matthieu2000

Citation:

<table id="EHNJTABLE2" style="">

avec le style vide

enlève

Citation:

document.write("ici");

et la "

MErci matthieu et E;Bzz aussi :D

Tu avais raison il fallait enlever la " a la fin de ma fonction javascript :
le bon resultat :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 
<script type="text/JavaScript">
					<xsl:text disable-output-escaping="yes">
					<![CDATA[
						function hide(identifiant) {
					       if (document.getElementById(identifiant).style.display=='block') {
					        document.getElementById(identifiant).style.display='none'
							} 
							else {
					        document.getElementById(identifiant).style.display='block'
					      };
 
					   }
					]]>
					</xsl:text>
					</script>

Merci encore car ces petites "erreurs" sont toujours super chiante a trouver

:king: