Formulaire avec 4 boutons image

**info_plus** · 20/07/2007, 15h15

Bonjour tout le monde,

j'ai un formulaire à remplir avec 4 boutons submit,chaque fois qu'on apuie sur un bouton un traitement s'effectue et le resultat s'affiche dans la même page que le formulaire.

jusqu'au là tous va bien, tous les boutons fonctionnent correctement.

voilà un bout de mon premier code:

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
 
<html>
<HEAD>
<TITLE>Zone Nationnale</TITLE>
<link rel="stylesheet" type="text/css" href="z_nat.css">
</HEAD>
 
<Form method="POST" action="z_nat.php">
<div id="cadre1">
          <table  align=center>
             <TR>
                 <TD>Num Zone</TD>
                 <TD>
                     <input type=texte size=10 name="num">                  
                 </TD>   
                 <TD>Libelle Zone</TD> 
                 <TD>
                     <input type=texte size=10 name="libelle">                  
                 </TD>
             </TR>
          </table>
</div>
 
<div id="cadre2">
 
<table align=center border="1" cellcpacing="0" cellpading="0">
<?php
if (@$_POST['action']=="selection")
{if (($_POST['num']=="") && ($_POST['libelle']==""))
     {
      mysql_connect("127.0.0.1","root","") or die("erreur de connexion au serveur!!");
      mysql_select_db("gestfact") 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 "Aucune valeur trouvee";
         }
      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>";
                     }
          }
    }
  mysql_close();
}
 
else  
    {
       if (@$_POST['action']=="modification")
          {
             if ($_POST['num']=="")
               { 
                 echo "modification impossible : veuillez entrer le numéro de la zone"; 
               }
             else
               { 
                 mysql_connect("127.0.0.1","root","") or die("erreur de connexion au serveur!!");
                 mysql_select_db("gestfact") or die ("\n erreue de connexion a la base!!");
                 $result=mysql_query('update zones_nationales set libelle_zone="'.$_POST['libelle'].'" where num_zone="'.$_POST['num'].'"')or die(mysql_error());
                 if($result==1)
                   { echo "modification effectuée avec succés";}             
                 else { echo "modification impossible!!!";}
               }
           }
 
 
?>
</table>
</div>
 
 
<div id="cadre3">
<table align=center>
 <TR>
        <TD>
             <input type=submit  name="action" value=selection>
        </TD>
        <TD>
                <input type=submit name="action" value=modification>
        </TD> </TR>
</table>
</div>
</form>
</html>

Le problème c'est que je veux changer l'apparence des boutons:je veux avoir des images là dessus.

j'ai essayé beaucoup de solutions comme:

Code :

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

1
2
 
 <input type="image" src="atteindre.gif" name="action" value="selection">

le problème est que les boutons sont devenus plus jolies avec les images mais ils ne sont plus fonctionnels...

est ce que quelqu'un peut m'aider

merci d'avance

**Celira** · 20/07/2007, 15h32

Bonjour

Il ya un sujet traitant du même problème avec 2 boutons : 2 input images

Bon courage !

**marcha** · 20/07/2007, 19h06

salut,

les boutons images ont la particularité de poster deux informations,
les coordoonées x, y de la souris sur le bouton. (à la base pour l'utilisation
de système cartographique par ex.)

donc au lieu de recevoir $_POST['action'] tu recevra $_POST['action_x'] et
$_POST['action_y'], vérifie tout ça avec un print_r($_REQUEST); dans ta page.

**marcha** · 20/07/2007, 19h11

Je viens de tester un truc sur FireFox, pour un bouton personalisé:

Code html :

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

<input type='submit' id='toto' />

et en css

Code CSS :

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

1
2
3
4
5
6
#toto { 
  width: 100px;
  height: 30px;
  border: none;
  background: url(image.gif) transparent no-repeat; 
}

à tester sur les autres nav :-)

Formulaire avec 4 boutons image

Langage PHP

Discussions similaires

Partager

Partager