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.
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>
Cependant ça ne marche que si on cache/montre des éléments <div>.
Comment faire pour faire la même chose avec un ensemble de <tr> ?