Cacher/montrer tableau html après ajout dans la base de données

**diengkals** · 03/10/2012, 13h53

bonjour, j ai un formulaire qui permet d'ajouter des donnée dans une base de données. maintenant après l ajout je veux afficher les données dans ta table en utilisant jquery , pour je voudrais cacher le tableau lors de l ajouter apres l afficher apres l'ajout.

je sais que les fonction hide() et show() permet de le faire mais je ne sais comment l'utiliser merci d'avance pour tout aide

voici un code de ma page pour bien comprendre

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
 
   <div>
            <form action="">
            <label></label>
            <input type="text" name="nom">
             <button  id="enreg" name="enregistrer">enregristrer </button>
 
            </form>
              </div>
 
              <div>
              <table  id="idtalbe">
              <tr>
              <th></th>
              </tr>
              <tr> 
              <td></td>
              </tr>
 
              </table>
 
              </div>

**Christophe Charron** · 03/10/2012, 14h00

Bonjour,

où se trouve le code d'alimentation de la table ?

**diengkals** · 03/10/2012, 14h11

bonjour, merci de votre reponse , j ai pas mis le code d'alimentation j aimerai savoir comment le faire avec jquery.

merci d'avance d'avance

**diengkals** · 03/10/2012, 17h11

bonjour mon code complet pour l'alimentation de la table

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
 
    <html>
     <head>
     <title>Formulaire  dInscription</title>
 
     <link rel="stylesheet" href="css/style.css" />
         <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
    $("#cacheeleve").hide();
 
    if($('#enreg').on('submit',function())
    {
  	  $("#cacheeleve").show();
    }
});
 
 
 
 
 
 
</script>
 
 
 
  </head>
   <body>
       <div id="corps">
 
		        <?php
    
          $chemin='header/';
         include($chemin.'logo.php');
         
          $chemin='header/';
         include($chemin.'banniere.php');
       
          $chemin='menu/';
         include($chemin.'menuadmin.php');
       
          ?>
 
 
		       <div id="contenu">
		         <div>
		       <form  class="formadd" action="inscrireEleve.php"   method="post" id="enreg">
            <table>
                      <caption>Ajouter Un  Eleve</caption>        
               <tr>
                <td><label> Nom  :</label></td>
               <td> <input type="text"  name="nom"  required="required" /></td>
               </tr>
               <tr>
               <td><label> Prenom:</label></td>
               <td> <input type="text"  name="prenom"  required="required" /></td>
               </tr>
                 <tr>
               <td><label> Sexe:</label></td>
               <td> 
                  <select name="sexe">
                  <option value="masculin">Masculin </option>
                  <option  value="feminin">féminin</option>
 
                  </select>
               </tr>
                <tr>
               <td><label> Age:</label></td>
               <td> <input type="text"  name="age"  required="required" /></td>
               </tr>
               <tr>
                 <td><label> Adresse:</label></td>
               <td> <input type="text"  name="adresse"  required="required" /></td>
               </tr>
               <tr>
                <td><label> Email :</label></td>
                <td><input type="text"  name="email"  required  /></td>
                </tr>
 
                 <tr>
                  <td><label> Telephone:</label></td>
                  <td> <input type="text"  name="phone"  required="required" /></td>
                 </tr>
                  <tr>
               <tr>
                 <td></td>
            <td> <button   id="enreg"  type="submit"   name="enregistrer"  value="Enregistrer">enregistrer</button></td>
               </tr> 
             </table>
         </form>
		     </div>
 
		         <div>
		                <table class='abonnes'  id="cacheeleve">
		                <caption> eleve ajouté  </caption>
		                <tr>
		                   <th>matricule</th>
		                   <th>nom</th>
		                   <th>prenom</th>
		                   <th>sexe</th>
		                   <th> age</th>
		                   <th>adresse</th>
		                   <th>email</th>
		                    <th>telephone</th>
		                     <th>inscrire</th>
		                </tr>
 
		                 <?php     
		      //   include_once("config/connexion.php");
		             mysql_connect("localhost", "root", "");
                       mysql_selectdb("gestionecole");
		        $req=mysql_query("select  * from eleve  ORDER BY id DESC LIMIT 1");
 
		        while ($data=mysql_fetch_assoc($req))
		        {
 
		        ?>
		                <tr>
		                  <td class='cellule_tab'><?php echo $data['matricule'] ?></td>
		                  <td class='cellule_tab'>  <?php echo $data['nom'] ?> </td>
		                  <td class='cellule_tab'><?php echo $data['prenom'] ?></td>
		                  <td class='cellule_tab'><?php echo $data['sexe'] ?></td>
		                  <td class='cellule_tab'><?php echo $data['age'] ?></td>
		                  <td class='cellule_tab'><?php echo $data['adresse'] ?></td>
		                  <td class='cellule_tab'><?php echo $data['email'] ?></td>
		                  <td class='cellule_tab'><?php echo $data['telephone'] ?></td>
		                  <td class='cellule_tab'>inscrire</td>
		                </tr>
 
		             <?php 
                        
                        }
                        ?>   
		                </table>
 
 
		         </div>  
 
		        </div>
            <?php
                         $chemin='header/';
         include($chemin.'pied.php');
           ?>
      </div>
   </body>
   </html>

merci d'avance

Cacher/montrer tableau html après ajout dans la base de données

jQuery

Discussions similaires

Partager

Partager