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

20/07/2007, 15h32	#2
Celira Modératrice Développeuse PHP/Java Inscription : avril 2007 Messages : 3 686 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France Informations professionnelles : Activité : Développeuse PHP/Java Informations forums : Inscription : avril 2007 Messages : 3 686 Points : 5 451 Points : 5 451	Bonjour Il ya un sujet traitant du même problème avec 2 boutons : 2 input images Bon courage ! __________________ Modératrice PHP Aucun navigateur ne propose d'extension boule-de-cristal : postez votre code et vos messages d'erreurs. (Rappel : "ça ne marche pas" n'est pas un message d'erreur) Pour afficher votre code en couleurs : [CODE=php][/CODE] (bouton # de l'éditeur)
	00

20/07/2007, 19h06	#3
marcha Rédacteur/Modérateur Marc Chappuis Développeur Web Inscription : décembre 2003 Messages : 1 535 Détails du profil Informations personnelles : Nom : Marc Chappuis Âge : 41 Localisation : Suisse Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : décembre 2003 Messages : 1 535 Points : 2 206 Points : 2 206	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. __________________ Si ton code fait plus d'une ligne, c'est que tu as mal choisi ton langage !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email