Masquer le contenu d'un tableau dynamique

Masquer le contenu d'un tableau dynamique - HTML/CSS - Programmation

Marsh Posté le 27-07-2004 à 19:36:04    

Je dois afficher 65 informations sur une meme page parmi d'autres infos. Et j'aimerais que l'utilisateur puisse masquer ces 65 infos si besoin est.  
En gros j'aimerais savoir comment faire pour cacher une serie d'info (65 lignes ds un tableau) mais qui pourrait etre affichee a l'aide d'un bouton "+" par exemple.  
La difficulte pour moi reside ds le fait que je ne veut pas recharger le page, je veut que des qu'on clique sur le "+" ca affiche le tableau.  
 
Je travaille en JSP, sous Dreamweaver. Peut etre que Dreamweaver sait le faire tout seul mais je ne sais pas comment le faire.  
 
Voici ce que j'ai fait jusqu'a present mais le pb est qu'il m'affiche un blanc de la taille du tableau lorsque celui ci est masque. Donc c pas vraiement mieux!

Code :
  1. <table id="MonTab" style="visibility: hidden">                 
  2.      <!-- Ici tu places tes 65 lignes !>
  3. </table>
  4. <input type="button" value="+" onclick="javascript:setVisible();">
  5. <script type="text/javascript">
  6. function setVisible() {
  7.     document.getElementById('MonTab').style.visibility=  "visible"; 
  8. }
  9. </script>


Message édité par DumbaDonf le 27-07-2004 à 19:37:31
Reply

Marsh Posté le 27-07-2004 à 19:36:04   

Reply

Marsh Posté le 27-07-2004 à 19:43:39    

tu met une methode onClick au lien qui change :
 
visibility : hidden (ou visible);
 
dans ta css ...

Reply

Marsh Posté le 27-07-2004 à 20:42:01    

Et cela va enlever ce blanc dont je parle?
une autre contrainte que j'ai c'est que je ne veut pas que la page se recharge...
TriadPtale=> pourrais tu me donner un exemple de code STP..

Reply

Marsh Posté le 27-07-2004 à 20:51:17    

display:none plutôt que visibility

Reply

Marsh Posté le 27-07-2004 à 21:02:06    

tout a fait gizmo :) => évite le blanc dont tu parle
 
oui, la page ne se rechargera pas.
 
pour le code c'est un truc onClick et ça devrait appeler une fonction js, mais je connais pas du tout la syntaxe du js...

Reply

Marsh Posté le 27-07-2004 à 23:18:04    

Meci du conseil...
G reussit avec  
display: none
display: inline  
 
bye

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed