Bonjour,
J'ai dans une page HTML un tableau dans lequel j'ai un ensemble de lignes que j'aimerai rendre visible/invisible suite à une action utilisateur. afin de gagner de la place.
Je ne connais pas encore bien js.
J'ai trouvé ce code sur le net.
Cependant ça ne marche que si on cache/montre des éléments <div>.
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
35
36
37
38
39
40
41
42
43
44
45 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Titre</title> </head> <body> <script> function afficheId(baliseId) { if (document.getElementById && document.getElementById(baliseId) != null) { document.getElementById(baliseId).style.visibility='visible'; document.getElementById(baliseId).style.display='block'; } } function cacheId(baliseId) { if (document.getElementById && document.getElementById(baliseId) != null) { document.getElementById(baliseId).style.visibility='hidden'; document.getElementById(baliseId).style.display='none'; } } cacheId('contenu'); // si JavaScript est disponible, cache le contenu dès le // chargement de la page. Sans JavaScript, le contenu sera // affiché. </script> <td><a href="javascript:afficheId('contenu')">Visible</a></td> <td><a href="javascript:cacheId('contenu');">Fermer</a> </td> <div id="contenu"> ContenuACacher1<br> ContenuACacher2<br> ContenuACacher3<br> </div> <div>Pied</div> </body> </html>
Comment faire pour faire la même chose avec un ensemble de <tr> ?
Partager