Cacher des tableaux

Version imprimable

Cacher des tableaux

Bonjour, étant débutant, voire ignorant en Javascript, j'ai besoin d'aide, en fait, j'aimerais cacher un tableau au lancement de la table, et lorsque j'appuie sur un bouton, il s'affiche. Voilà mon code des tableaux à cacher:

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
	<div id="main"><a name="top"></a>
	<div class="categorie">
	<div class="libelle_cat">
	<div class="intitule">Contrats / Simulations</div>
	</div>
	<table class="table_cat">
		<colgroup class="label" />
		<colgroup class="data" />
		<tbody>
			<tr>
				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B1"><b>Co001</b></td></p>
		  	</tr>
		  	<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B2">07_v0</td></p>
			</tr>
			<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B3">007_v1</td></p>
			</tr>
			<tr>
				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B4"><b>0002</b></td></p>
		  	</tr>
		  	<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B5">v0</td></p>
			</tr>
			<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B6">7_v0.1</td></p>
			</tr>
			<tr>
				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B7"><b>reffdg</b></td></p>
		  	</tr>
		  	<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B8">0</td></p>
			</tr>
			<tr>
  				<td><P align="left"><INPUT TYPE="radio" NAME="bouton" VALUE="B9">07_v0.1</td></p>
 
			</tr>
		</tbody>
	</table>
	</div>
	</div>
 
 
	<br>
 
	<table bgcolor="white">
	<tr>
	<td>
		<div id="boutons">
		<button type="submit" name="cr">Cr</button>
		</div>
	</td>
	<td>
		<div id="boutons">
		<button type="submit" name="mo">Mo</button>
		</div>
	</td>
	<td>
		<div id="boutons">
		<button type="submit" name="du">Du</button>
		</div>
	</td>
	<td>
		<div id="boutons">
		<button type="submit" name="s">Ser</button>
		</div>
	</td>
	</tr>
	</table>
 
</html>

03/05/2007, 15h28
aaliyan

Personne pour m'aider?
03/05/2007, 15h44
jmulans
met une propriété CSS a ton tableau display:hidden, comme ça il sera caché
pour le montrer tu met sur ton bouton le comportement suivant
Code:

1 2 document.getElementById("id_de_ton_tableau").style.display = "inline";
:)

Heu ... en fait, j'ai commencé à regarder, mais y a pas mal de trucs dans ton code qui font qu'il y a peu de chance qu'une soluce marche sans correction préalable :
* un ID doit absolument être unique dans la page (cf tes <div id="boutons">)
* un bouton submit doit être dans un <form> (et tu n'as pas de <form>)
* un form doit contenir un et un seul bouton submit.

A corriger avant tout autre chose.

Pour ta table magique, sinon :
Code:

1 2 3 <input type="button" value="ON/OFF" onclick="with (document.getElementById('la_table').style) {visibility=(visibility=='hidden')?'visible':'hidden';}"> <table id="la_table" style="visibility:hidden;"> ....
Heu ... display:hidden => pas glop ;)

A+

03/05/2007, 16h16
jmulans

euh oui, display:none -> glop glop :mrgreen:
03/05/2007, 16h31
E.Bzz

Citation:

Envoyé par aaliyan

On fait comment pour mettre un id au tableau et pour lui mettre une proprièté CSS?

Comme dans l'exemple donné ...
03/05/2007, 16h34
aaliyan

Je viens de supprimer le message car j'avais pas vu les autres messages. Merci.
03/05/2007, 16h41
aaliyan

Juste pour savoir, pourquoi, il faut mettre un <form>, car sans, ça marche aussi.
Et en fait, si je cache deux tables, comment je fais pour les faires réapparaitre avec un seul bouton?
03/05/2007, 16h57
aaliyan

C'est bon, en fait je fais une <div> pour toute ma partie que je veux cacher. Merci de votre aide.
Pour le form, si vous pouviez me renseignez. Merci
03/05/2007, 17h05
E.Bzz

Citation:

Envoyé par aaliyan

Pour le form, si vous pouviez me renseignez. Merci

Back to HTML ;)