comment cacher des lignes dans un tableau..?

bonjour,

je suis stagiaire et je suis charge du developpement d'un portail internet permettant aux etudiants de consulter leurs resultats en ligne. Pour cela, mon appli tourne en servlet/jsp..

dans la page jsp ou je recupere les resultats et les affiche les resultats pour un semestre, je voudrais pouvoir cacher les details de chaque matiere pour que l'etudiant ait une vision globale de ses notes et que s'il veux voir le detail pour une matiere, il puisse les faire apparaitre... :

Par exemple:

No | Sujet | Note Finale ....
1 | math | 2/20
2 | physique | 3/20

clic sur le No 1 par exemple:

No | Sujet | Note Finale ....
1 | math | 2/20
|type | description | note | coeff |
|test | test1 | 4/20 | 50 % |
|test | test2 | 0/20 | 50 % |
2 | physique | 3/20

mon probleme est que quand l'etudiant ne veut pas voir les details, il faut non seulement que les details ne soient pas affiches, mais en plus que la matiere suivante soit colle a sa precedente... qqchose du type navigation entre dossier dans un explorateur de fichier...


j'ai essayer d'utiliser un script avec des balises div dont je met a jour le "innerHTML" mais je n'arrive pas a inserer des ligne, j'ai l'impression que ce n'est pas possible..?

j'ai passe trop de temps deja sur ce petit point... alors sincerement merci a qui voudra bien m'aider...

et bien il suffit, je pense, de mettre ce qu'il faut cacher dans une div par exemple.
<div id="Div1" style="visibility=hidden">la ya les info</div>

et le lien c'est :
document.all.Div1.style.visibility=visible


MiTcH - e-mail


-------------------------------
Réponse au message :
-------------------------------

> bonjour,
>
> je suis stagiaire et je suis charge du developpement d'un portail internet permettant aux etudiants de consulter leurs resultats en ligne. Pour cela, mon appli tourne en servlet/jsp..
>
> dans la page jsp ou je recupere les resultats et les affiche les resultats pour un semestre, je voudrais pouvoir cacher les details de chaque matiere pour que l'etudiant ait une vision globale de ses notes et que s'il veux voir le detail pour une matiere, il puisse les faire apparaitre... :
>
> Par exemple:
>
> No | Sujet | Note Finale ....
> 1 | math | 2/20
> 2 | physique | 3/20
>
> clic sur le No 1 par exemple:
>
> No | Sujet | Note Finale ....
> 1 | math | 2/20
> |type | description | note | coeff |
> |test | test1 | 4/20 | 50 % |
> |test | test2 | 0/20 | 50 % |
> 2 | physique | 3/20
>
> mon probleme est que quand l'etudiant ne veut pas voir les details, il faut non seulement que les details ne soient pas affiches, mais en plus que la matiere suivante soit colle a sa precedente... qqchose du type navigation entre dossier dans un explorateur de fichier...
>
>
> j'ai essayer d'utiliser un script avec des balises div dont je met a jour le "innerHTML" mais je n'arrive pas a inserer des ligne, j'ai l'impression que ce n'est pas possible..?
>
> j'ai passe trop de temps deja sur ce petit point... alors sincerement merci a qui voudra bien m'aider...

oui, mais le probleme c'est que je souhaite faire disparaitre/apparaitre des lignes entieres et que ca

marche pas quand je mais des <tr> ou <td> entre les balises <div>..

par exmple, div1 disparait mais pas div2 ni div3...:

<script language="JavaScript">
function test(){
document.all.Div1.style.visibility="visible";
document.all.Div2.style.visibility="visible";
document.all.Div3.style.visibility="visible";
}
</script>


<table width="585" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="65" height="71"><a href="javascript:test()">test...!!!</a></td>
<td colspan="5"><div id=Div1 style="visibility=hidden">dvavda</div></td>
<td width="195">dvav</td>
</tr>
<div id=Div2 style="visibility=hidden">
<tr>

<td height="27"> </td>
<td width="77">dva</td>
<td width="71">fv,ksfn</td>
<td width="42">dva</td>
<td width="80">vdd</td>
<td width="55">dva</td>
<td> </td>

</tr>
</div>
<tr>
<div id=Div2 style="visibility=hidden">
<td height="27"> </td>
<td width="77">dvd</td>
<td width="71">dvd</td>
<td width="42">dva</td>
<td width="80">dvadv</td>
<td width="55">dvdv</td>
<td> </td>
</div>
</tr>

<tr>
<td height="271"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

il n'est pas possible de mettre des lignes entre <div>....


-------------------------------
Réponse au message :
-------------------------------

> et bien il suffit, je pense, de mettre ce qu'il faut cacher dans une div par exemple.
> <div id="Div1" style="visibility=hidden">la ya les info</div>
>
> et le lien c'est :
> document.all.Div1.style.visibility=visible
>
>
> MiTcH -

e-mail
>

<html>
<head></head>
<body onload="teste(-1)">
<br>
<a href='javascript:teste(-1)'>sdqf</a>

<div id="Div1">
</div>


<script language=Javascript>

function teste(i){
var n=0;
var Tab;

Tab="<table>";

for (n=0;n<=10;n++)
{
if(n!=i) Tab+="<tr><td><a href='Javascript:teste("+n+")'>nombre :"+n+"</a></td></tr>"
}
Tab+="</table>";
document.all.Div1.innerHTML=Tab;
}

</script>

<br>
<a href='javascript:teste(-1)'>sdqf</a>

</html>



--------------------------------Ou alors----------------------------
on peut aussi faire 2 tableaux..
et mettre chaque tableau dans une div...

<table >
<tr>
<td>
<div id="Div1">
<table>
<tr><td>
...
</td></tr></table>
</div>
</td>
</tr>
<tr>
<td>
<div id="Div21">
<table>
<tr><td>
...
</td></tr></table>
</div>
</td>
</tr></table>

et reprendre la fonction


MiTcH - e-mail


-------------------------------
Réponse au message :
-------------------------------

> oui, mais le probleme c'est que je souhaite faire disparaitre/apparaitre des lignes entieres et que ca
>
> marche pas quand je mais des <tr> ou <td> entre les balises <div>..
>
> par exmple, div1 disparait mais pas div2 ni div3...:
>
> <script language="JavaScript">
> function test(){
> document.all.Div1.style.visibility="visible";
> document.all.Div2.style.visibility="visible";
> document.all.Div3.style.visibility="visible";
> }
> </script>
>
>
> <table width="585" border="0" cellpadding="0" cellspacing="0">
>
> <tr>
> <td width="65" height="71"><a href="javascript:test()">test...!!!</a></td>
> <td colspan="5"><div id=Div1 style="visibility=hidden">dvavda</div></td>
> <td width="195">dvav</td>
> </tr>
> <div id=Div2 style="visibility=hidden">
> <tr>
>
> <td height="27"> </td>
> <td width="77">dva</td>
> <td width="71">fv,ksfn</td>
> <td width="42">dva</td>
> <td width="80">vdd</td>
> <td width="55">dva</td>
> <td> </td>
>
> </tr>
> </div>
> <tr>
> <div id=Div2 style="visibility=hidden">
> <td height="27"> </td>
> <td width="77">dvd</td>
> <td width="71">dvd</td>
> <td width="42">dva</td>
> <td width="80">dvadv</td>
> <td width="55">dvdv</td>
> <td> </td>
> </div>
> </tr>
>
> <tr>
> <td height="271"> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> </tr>
> </table>
> </body>
> </html>
>
> il n'est pas possible de mettre des lignes entre <div>....
>
>
> -------------------------------
> Réponse au message :
> -------------------------------
>
> > et bien il suffit, je pense, de mettre ce qu'il faut cacher dans une div par exemple.
> > <div id="Div1" style="visibility=hidden">la ya les info</div>
> >
> > et le lien c'est :
> > document.all.Div1.style.visibility=visible
> >
> >
> > MiTcH -
>
> e-mail
> >
>

ok, merci pout on aide..!



-------------------------------
Réponse au message :
-------------------------------

> <html>
> <head></head>
> <body onload="teste(-1)">
> <br>
> <a href='javascript:teste(-1)'>sdqf</a>
>
> <div id="Div1">
> </div>
>
>
> <script language=Javascript>
>
> function teste(i){
> var n=0;
> var Tab;
>
> Tab="<table>";
>
> for (n=0;n<=10;n++)
> {
> if(n!=i) Tab+="<tr><td><a href='Javascript:teste("+n+")'>nombre :"+n+"</a></td></tr>"
> }
> Tab+="</table>";
> document.all.Div1.innerHTML=Tab;
> }
>
> </script>
>
> <br>
> <a href='javascript:teste(-1)'>sdqf</a>
>
> </html>
>
>
>
> --------------------------------Ou alors----------------------------
> on peut aussi faire 2 tableaux..
> et mettre chaque tableau dans une div...
>
> <table >
> <tr>
> <td>
> <div id="Div1">
> <table>
> <tr><td>
> ...
> </td></tr></table>
> </div>
> </td>
> </tr>
> <tr>
> <td>
> <div id="Div21">
> <table>
> <tr><td>
> ...
> </td></tr></table>
> </div>
> </td>
> </tr></table>
>
> et reprendre la fonction
>
>
> MiTcH - e-mail
>
>
> -------------------------------
> Réponse au message :
> -------------------------------
>
> > oui, mais le probleme c'est que je souhaite faire disparaitre/apparaitre des lignes entieres et que ca
> >
> > marche pas quand je mais des <tr> ou <td> entre les balises <div>..
> >
> > par exmple, div1 disparait mais pas div2 ni div3...:
> >
> > <script language="JavaScript">
> > function test(){
> > document.all.Div1.style.visibility="visible";
> > document.all.Div2.style.visibility="visible";
> > document.all.Div3.style.visibility="visible";
> > }
> > </script>
> >
> >
> > <table width="585" border="0" cellpadding="0" cellspacing="0">
> >
> > <tr>
> > <td width="65" height="71"><a href="javascript:test()">test...!!!</a></td>
> > <td colspan="5"><div id=Div1 style="visibility=hidden">dvavda</div></td>
> > <td width="195">dvav</td>
> > </tr>
> > <div id=Div2 style="visibility=hidden">
> > <tr>
> >
> > <td height="27"> </td>
> > <td width="77">dva</td>
> > <td width="71">fv,ksfn</td>
> > <td width="42">dva</td>
> > <td width="80">vdd</td>
> > <td width="55">dva</td>
> > <td> </td>
> >
> > </tr>
> > </div>
> > <tr>
> > <div id=Div2 style="visibility=hidden">
> > <td height="27"> </td>
> > <td width="77">dvd</td>
> > <td width="71">dvd</td>
> > <td width="42">dva</td>
> > <td width="80">dvadv</td>
> > <td width="55">dvdv</td>
> > <td> </td>
> > </div>
> > </tr>
> >
> > <tr>
> > <td height="271"> </td>
> > <td> </td>
> > <td> </td>
> > <td> </td>
> > <td> </td>
> > <td> </td>
> > <td> </td>
> > </tr>
> > </table>
> > </body>
> > </html>
> >
> > il n'est pas possible de mettre des lignes entre <div>....
> >
> >
> > -------------------------------
> > Réponse au message :
> > -------------------------------
> >
> > > et bien il suffit, je pense, de mettre ce qu'il faut cacher dans une div par exemple.
> > > <div id="Div1" style="visibility=hidden">la ya les info</div>
> > >
> > > et le lien c'est :
> > > document.all.Div1.style.visibility=visible
> > >
> > >
> > > MiTcH -
> >
> > e-mail
> > >
> >
>