Discussion :

[aaliyan]

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 :

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

[aaliyan]

Personne pour m'aider?

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

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

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

[E.Bzz]

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

Comme dans l'exemple donné ...

[aaliyan]

Je viens de supprimer le message car j'avais pas vu les autres messages. Merci.

[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?

[E.Bzz]

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 :

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

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+

[jmulans]

euh oui, display:none -> glop glop