lien avec button image

**goldy91** · 16/06/2009, 14h59

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

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

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.

**kabkab** · 16/06/2009, 15h34

Bonjour,

Code html :

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

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.

**goldy91** · 16/06/2009, 16h08

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

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

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
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.

**HiRoN** · 16/06/2009, 20h31

Bonsoir,

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

**goldy91** · 16/06/2009, 22h50

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

**Vil'Coyote** · 17/06/2009, 09h23

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.

lien avec button image

Vue hybride

Discussions similaires

Partager

Partager