IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Cacher des tableaux


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Avril 2007
    Messages
    53
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 53
    Par défaut 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 : 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>

  2. #2
    Membre averti
    Inscrit en
    Avril 2007
    Messages
    53
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 53
    Par défaut
    Personne pour m'aider?

  3. #3
    Membre éclairé Avatar de jmulans
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    397
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2006
    Messages : 397
    Par défaut
    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";

  4. #4
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    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é ...

  5. #5
    Membre averti
    Inscrit en
    Avril 2007
    Messages
    53
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 53
    Par défaut
    Je viens de supprimer le message car j'avais pas vu les autres messages. Merci.

  6. #6
    Membre averti
    Inscrit en
    Avril 2007
    Messages
    53
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 53
    Par défaut
    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?

  7. #7
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    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+

  8. #8
    Membre éclairé Avatar de jmulans
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    397
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2006
    Messages : 397
    Par défaut
    euh oui, display:none -> glop glop

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 24
    Dernier message: 20/03/2014, 14h16
  2. Afficher/Cacher des lignes de tableaux
    Par MasterChief78 dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 19/08/2009, 13h16
  3. Réponses: 1
    Dernier message: 21/08/2007, 12h08
  4. free sur des tableaux "a moitié dynamiques"
    Par barthelv dans le forum C
    Réponses: 4
    Dernier message: 31/07/2003, 15h30
  5. [VB6] Datagrid afficher ou cacher des colonnes par code
    Par soazig dans le forum VB 6 et antérieur
    Réponses: 6
    Dernier message: 06/02/2003, 17h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo