lien avec button image

Version imprimable

16/06/2009, 14h59
goldy91

lien avec button image
Bonjour j'ai creer deux bouttons avec photoshop et je les ai mis sur mon site en .jpg(button envoyer et annuler), je veux que quand l'utilisateur clic sur un de ces .jpg il m'execute le php
Voila ce que j'ai essayé:
Code:

1 2 3 4 <tr> <td align='center'><img src="send.jpg"/><a href="connexion.php"></a></td> <td align='center'><img src="cancel.jpg"/><a href="connexion.php"></a></td> </tr>
mais apparament sa ne marche pas.Merci de votre aide.

Bonjour,
Code:

1 2 3 4 <tr> <td align='center'><a href="connexion.php"><img src="send.jpg"/></a></td> <td align='center'><a href="connexion.php"><img src="cancel.jpg"/></a></td> </tr>
Cela devrait te convenir sauf que send et cancel vont pointer sur la même page.

Merci ta raison mais comment je fais pour que quand il clic sur annuler sa efface les données qu'il a rempli ??

de plus j'ai une erreur quand je fais envoyer il me retourne toujours la meme réponse c'est a dire 'veillez remplir tout les champs'
Voici le script de connexion:

Code:

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
<html> 
  <head> 
  </head> 
<body background="theme.jpg">
<form method="POST" action="connexion.php" name="connexion" target="menu">
<table align='center'> 
<tr> 
    <td><font size="2" face="calibri">identifiant:</font></td> 
    <td><input type="text" name="id"></td> 
</tr> 
<tr> 
    <td><font size="2" face="calibri">mot de passe:</font></td> 
    <td><input type="password" name="password"></td> 
</tr> 
<tr> 
	<td align='center'><a href="connexion.php"><img src="send.jpg"/></a></a></td>
    	<td align='center'><img src="cancel.jpg"/></a></td>
</tr> 
<tr>
<td colspan="2" align='center'><a href="oubli.html" target="principal">Oubli?</a></td>  
</tr>
<tr> 
    <td colspan="2" align='center'><a href="formulaire.html" target="principal">Inscription gratuite</a></td>
</tr> 
 
</table> 
</body> 
</html>

et voila connexion.php :

Code:

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
if(isset($_POST) && !empty($_POST['id']) && !empty($_POST['password'])) {
  extract($_POST);
 
$sql = "select mpu from utilisateur where mailu='".$id."' and reponse='oui'";
$req=mysql_query($sql) or die ("insertion impossible dans la table client");
 
$data = mysql_fetch_assoc($req);
 
if($data['mpu'] != $password) {
    echo '<p>Mauvais Login / Mot de passe. Merci de recommencer</p>';
    include('frame3.html'); 
    exit;
  }
  else {
    session_start();
    $_SESSION['id'] = $id;
    echo 'Vous etes bien connecté</br></br>';
include('fonction.html');
  }   
}
else {
  echo '<p>Vous avez oublié de remplir un champ.</p>';
   include('frame3.html'); 
   exit;
}
 
?>
</body>
</html>

Merci de votre aide.

16/06/2009, 20h31
HiRoN

Bonsoir,

Citation:

Envoyé par goldy91

Comment je fais pour que quand il clic sur annuler sa efface les données qu'il a rempli ?

Il aurait pour cela fallut utiliser les balises adéquates pour un formulaire (ce qui n'est pas le cas d'un lien de type <a>), à savoir :

<input type="submit" ... /> Pour valider
<input type="reset" ... /> Pour annuler / Effacer

Et gérer leur mise en forme via CSS... ;)
Au niveau structure, l'utilisation de fieldset, legend, label aurait été à privilégier (plus d'informations ici).
16/06/2009, 22h50
goldy91

mais quand je fais input type="submit"... il me met un bouton par défaut alors que moi je veux que quand l'utilisateur clic sur l'image(qui est enfaite un bouton envoyer crée avec photoshop) m'exécute le php (declaré dans le 3eme post).
17/06/2009, 09h23
Vil'Coyote

Salut,

en lieu et place du <input type='submit' > tu peux utiliser un <input type='image' src='.....'> qui à la même fonction à s'avoir envoyer les donner cependant pour ton efface formulaire soit tu utilise le reset soit tu garde ton image mais obligatoirement tu ajoute du javascript pour supprimer les données.
17/06/2009, 11h20
goldy91

ok merci sa marche !!!
17/06/2009, 11h22
HiRoN

Citation:

Envoyé par Vil'Coyote

en lieu et place du <input type='submit' > tu peux utiliser un <input type='image' src='.....'>

+1... J'avais zappé le type="image"... :koi: