Discussion :

[skea]

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 :

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
 
<!------------------------------------------------------------------------------------>
<!--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

[O-Zone]

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

[skea]

merci mais j'ai trouvé un autre truc

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
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

merci quand même