Afficher le resultat dans la meme page que le formulaire

**info_plus** · 16/07/2007, 16h51

Bonjour à tous,

J’ai une page qui contient 3 parties (3 balise div) : la première c’est une formulaire à remplir de la part de l’utilisateur, la troisième contient des boutons, et la deuxième je veux quelle contiendra le résultat de l’appuie sur un bouton : c’est un tableau qui contient des données extraites de la BDD …

le code de la première page(qui contient les3 parties) est:

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
 
<html>
<HEAD>
<TITLE>Zone internationele</TITLE>
<link rel="stylesheet" type="text/css" href="z_nat.css">
</HEAD>
 
<Form method="POST" action="z_inat_bouton.php">
<div id="cadre1">
          <table>
                      <TR align=center>
 
                                  <TD>Code Zone</TD>
                 <TD>
                     <input type=texte name="num">                  
                 </TD>
                                  <TD>Libelle Zone</TD> 
                 <TD>
                     <input type=texte name="libelle">                  
                 </TD>
             </TR>
 
             <TR>
                 <TD>TD</TD>
                 <TD>
                     <input type=texte name="td">                  
                 </TD>
                 <TD>PCT</TD> 
                 <TD>
                     <input type=texte name="pct">                  
                 </TD>
                 <TD>DCT</TD> 
                 <TD>
                     <input type=texte name="dct">                  
                 </TD>
                 <TD>PMC</TD> 
                 <TD>
                     <input type=texte name="pmc">                  
                 </TD>
 
             </TR>
 
          </table>
</div>
 
<div id="cadre2">
partie2
 
 
</div>
<div id="cadre3">
<table align=center>
 <TR>
        <TD>
             <input type=submit  name="action" value=selection>
 
        </TD>
        <TD>
 
                <input type=submit name="action" value=insertion>
 
        </TD>
      </TR>
</table>
</div>
</form>
</html>

le code css associé à cette page est:

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
 
div {
    background-color:#DED5F2;
	text-align:center;
         }
div#cadre1 {
    width:100%;
	height:30%;
		}
div#cadre2 {
        width:100%;
	height:40%;
		}
div#cadre3 {
 
	width:100%;
	height:30%;
	}

le code de la page php qui effectue le taitement est le suivant:

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
 
<html>
<head>
<link rel="stylesheet" type="text/css" href="table.css">
</head>
<body bgcolor="#DED5F2">
<table align=center border="1" cellcpacing="0" cellpading="0">
<?php
if ($_POST['action']=="selection")
{if (($_POST['num']=="") && ($_POST['libelle']==""))
     {
      $host="127.0.0.1";
      $user="root";
      mysql_connect($host,$user,"") or die("erreur de connexion au serveur!!");
      $bd="gestfact";
      mysql_select_db($bd) or die ("\n erreue de connexion a la base!!");
      $result=mysql_query('select * from zones_nationales')or die(mysql_error());
      if (!(mysql_fetch_row($result)))
         {
           echo "Aucun enregistrement ne correspond";
         }
      else
         {   
             ?>
             <TR>
                  <TH>Code Zone</TH>
                  <TH>Libelle Zone</TH>
             </TR>
              <? 
              while($row=mysql_fetch_row($result))
                    {
                      $numero=$row[0];
                      $nom=$row[1];
           
                      echo "<TR>
                                <TD>$numero</TD>
                                <TD>$nom</TD>
                            </TR>";
                     }
          }
    }
}
else {if ($_POST['action']=="insertion")
                      {
                        echo "insertion";
                      }
         }
         
    }
?>
</table>
</body>
</html>

tout fonctionne bien pour le moment mais le problème c'est que l'affigage des données se fait dans une autre page: z_inat_bouton.php celle qui effectue le traitement et moi je le faire dans la même page précisament dans la deuxieme partie(la deuxième balise div)...

est ce que c'est possible en html

merci pour votre aide

**chaminette** · 17/07/2007, 11h55

A omn avis ce n'est qu'en JAVAScript que tu peux faire ça !
tu peux récupérer la div qui va etre modifiée en utilisant : getElementById(div)
et tu utilises apres 'innerHTML' !!
Enfin je te laisse regarder ça dans les forums javascript !

**blueice** · 17/07/2007, 13h47

Pas besoin de JS, il suffit que le script PHP se trouve sur la meme page que le formulaire, si le formulaire est posté il affichera le résultat en bas...

A toi de faire le test bien évidemment... avec un if

**trotters213** · 17/07/2007, 13h57

En effet ça se fait en Javascript (en AJAX en particulier).
Bien que tu puisses le faire en PHP en réaffichant la page mais dans ce cas tu rechargeras la page.

[edit]blueice m'a grillé

[/edit]