Salut à tous,

J'ai un problème simple que je n'arrive pas à régler. C'est probablement plus du HTML que du javascript.

J'ai crée le tableau suivant :


Avec le code suivant :
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
 <table border="1" bordercolor="#3c3c3c" cellspacing="0" cellpadding="5">                
                <tr bgcolor="#96ca2d">
                    <th><font color="#ffffff" type="bold">Nom</font></th>
                    <th><font color="#ffffff">Prénom</font></th>
                    <th><font color="#ffffff">E-mail</font></th>
                    <th><font color="#ffffff">Code Op</font></th>
                    <th><font color="#ffffff">Photo</font></th>
                    <th id="titreLv2" style="display:none"><font color="#ffffff">LV2</font></th>
                    <th id="titreOrdi" style="display:none"><font color="#ffffff">Ordinateur</font></th>
                    <th id="titreConnex" style="display:none"><font color="#ffffff">Internet</font></th>
                </tr>          
                <xsl:for-each select="contact/etudiant">
                    <tr>
                        <td onclick="affiche(this.value)"><b><xsl:value-of select="nom"/></b></td>
                        <td><xsl:value-of select="prenom"/> </td>
                        <td><xsl:value-of select="mail"/> </td>
                        <td><xsl:value-of select="code_op"/> </td>
                        <td><img><xsl:attribute name="src"><xsl:value-of select="photo" /></xsl:attribute></img> </td>                       
                        <td id="contenuLv2" style="display:none"><xsl:value-of select="lv2"/></td>
                        <td id="contenuOrdi" style="display:none"><xsl:value-of select="ordi"/></td>
                        <td id="contenuConnex" style="display:none"><xsl:value-of select="connexion"/></td>
                    </tr>
                </xsl:for-each>		
                </table>

Avec mon lien au dessus du tableau, j'affiche d'autres colonnes qui sont en "style=display:none" par défaut.

Lorsque je les affiche, la structure du tableau n'est pas respectée :



Problèmes :
- la dernière colonne de titre contient 3 lignes qui sont censées être mes 3 colonnes titres cachées...
- les données correspondantes (les 3 lignes à fond blancs apparues) ne marche que pour la première entrée. Alors qu'elle proviennent d'un xsl:for-each qui fonctionne pour les colonnes précédentes.


J'ai testé de passer les champs à afficher/cacher en "visiblity=hidden" ça a l'air de régler le problème mais le tableau laisser un espace vide là où sont cachés les colonnes, c'est donc très moche.

Quelqu'un a une idée pour arranger ça ?

Merci


J'ajoute mon code Javascript au cas où mais je pense que le problème ne vient pas de là
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
 
function toggle(monId) {
					var monElement = document.getElementById(monId);
					if(monElement.style.display == 'none') 
					  monElement.style.display = 'block';
					  else 
					  monElement.style.display = 'none';
					}
					function toggleOn(monId) {
							var monElement = document.getElementById(monId);
							monElement.style.display = 'block';
					}
					function toggleOff(monId) {
						var monElement = document.getElementById(monId);
						monElement.style.display = 'none';
					}
					function afficheInfos(){
						toggle("titreLv2");
						toggle("titreOrdi");
						toggle("titreConnex");
						toggle("contenuLv2");
						toggle("contenuOrdi");
						toggle("contenuConnex");
					}