IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Afficher / Masquer tableau


Sujet :

JavaScript

  1. #1
    Membre éprouvé Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Points : 908
    Points
    908
    Par défaut Afficher / Masquer tableau
    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 : 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
     
    ///////////////////////////////////////// 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.

  2. #2
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    getElementById(identifiant)
    sans'

  3. #3
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    Citation Envoyé par Matthieu2000 Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    getElementById(identifiant)
    sans'
    Voire même
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById(identifiant)


    A+

  4. #4
    Membre éprouvé Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Points : 908
    Points
    908
    Par défaut
    ca ne marche toujours pas sans les ' ' et avec document (en fait j avais deja tester )

    ce qui est bizarre c'est que dans un doc html en mettant mon tableau et l'entree suivant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : 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
     
    	<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

  5. #5
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    <table id="EHNJTABLE2" style="">
    avec le style vide

    enlève
    document.write("ici");
    et la "

  6. #6
    Membre éprouvé Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Points : 908
    Points
    908
    Par défaut
    MErci matthieu et E;Bzz aussi

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

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


+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Afficher / masquer tableau
    Par FredLx dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 21/05/2010, 22h33
  2. Afficher/masquer des lignes dans un tableau hiérarchique
    Par linou dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 29/06/2009, 11h58
  3. Afficher/masquer ligne tableau PB IE
    Par vct68 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 05/03/2008, 23h20
  4. [MySQL] Afficher/masquer un résultat dans un tableau issu de PHP
    Par breizhgen dans le forum PHP & Base de données
    Réponses: 4
    Dernier message: 14/02/2008, 20h52
  5. Afficher/Masquer cellule d'un tableau
    Par SIILILLE dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 13/05/2007, 02h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo