layer

Version imprimable

layer

salut,

J'aimerai quand je clique sur un bouton rendre visible un tableau sans recharger la page. On m'a conseillé d'utiliser les layers et son option visibility.

Savez-vous comment techniquement je peux faire svp sachant que j'ai un tableau englobé dans un autre tableau?

extrait du code html :

Code:

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
 
<!------------------------------------------------------------------------------------>
<!--Début du tableau externe-->
<table border ="1"  id="tableau_externe" name="tableau_externe" >
<th colspan="3">Tableau2</th>
<tr>
<td>Nom du tableau : <input type="text" value="Nom du tableau"></td>
</tr>
<tr>
<td align="center">Nom des colonnnes</td>
</tr>
<tr>
 
<td><!--Début du tableau interne-->
	<table id="tableau2" name="tableau2" border="4">
	<tr>
		<td><input type="text" name ="tableau2_titre_colonne_1" value="Colonne numéro 1"></td>
		<td><input type="text" name ="tableau2_titre_colonne_2" value="Colonne numéro 2"></td>
		<td><input type="text" name ="tableau2_titre_colonne_3" value="Colonne numéro 3"></td>
	</tr>
	<input   type="hidden" size=3 name="adr">
	<tr>
		<td><input type="button" value="Ajouter" onclick="Ajout_ligne(tableau2);"></td>
		<td><input type="button" value="Détruire" onclick="Supp_ligne(tableau2);"></td>
		<script>initialisation_tableau(tableau2);</script>
	</table>
	<!--Fin du tableau interne-->
</td><!--Suite du tableau externe-->
</tr>
<tr>
<td><input type="button" value="Ajouter un tableau" onclick="//ici la fonction javascript recherchée">
<input type="button" value="Détruire un tableau" onclick="//ici la fonction javascript recherchée"></td>
</tr>
</table><p><hr>
<!--Fin du tableau externe-->  
<!------------------------------------------------------------------------------------>

@+ et merci d'avance

29/12/2004, 16h41
O-Zone

Utilise display:none :
http://www.developpez.net/forums/vie...lay+none+block

merci mais j'ai trouvé un autre truc

Code:

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
function montre(tab)
  {
  if (document.layers && document.layers[tab])
    {
    document.layers[tab].visibility = 'visible';
    }
  else if (document.all)
    {
    document.all[tab].style.visibility = 'visible';
    }
  else if (document.getElementById)
    {
    document.getElementById(tab).style.visibility = 'visible';
    }
  }
 
function cache(tab)
  {
  if (document.layers && document.layers[tab])
    {
    document.layers[tab].visibility = 'hidden';
    }
  else if (document.all)
    {
    document.all[tab].style.visibility = 'hidden';
    }
  else if (document.getElementById)
    {
    document.getElementById(tab).style.visibility = 'hidden';
    }
  }

et dans le code je mets :

Code:

1
2
 
<table border ="1"  id="tableau_externe1" name="tableau_externe1" style="visibility: visible;">

merci quand même