[PHP-JS] Récupérer des valeurs lors d'un clic sur une image [Résolu]

[marie mouse]

Bonjour,

Je me suis récemment mise à Javascript et à PHP. J'ai créé un formulaire avec une liste déroulante et un champ texte. Je veux que, lorsque l'utilisateur clique sur l'image qui représente le bouton, PHP récupère les valeurs choisies et saisies pour interroger la base de données. Cela aurait été très simple si j'avais utilisé un bouton, mais comme j'aime me compliquer la vie, j'ai voulu mettre une image à la place du bouton.

Voici le code pour la partie formulaire :

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div name='mat' id='mat' style='visibility:hidden'>
    Vous recherchez :</br>
    <form method='post' action='recherche.php'>
       <select name='type'>
          <option value='pub'>une maternité publique</option>
          <option value='pri'>une maternité privée</option>
       </select>
    à :
    <input type='text' name='ville' id='ville' accesskey='n' value='Ville' onFocus="javascript:this.value=''"/>
    <br/>
    </form>
</div>
<div id='lancer' style='cursor:hand'>
	<img src="./Images/lancer.gif"/>
</div>

[mathieu]

il suffit de mettre ça dans ton formulaire à la place du bouton "submit"

Code HTML :

<input type="image" src="./Images/lancer.gif" alt="Lancer"/>

[cadoudal56]

Hello,

La solution de matthieu est viable a condition que que ton input soit al'intérieur des balises <form></form> car là elle se trouve en dehors...

Cela peut marcher si tu fais comme ceci :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div name='mat' id='mat' style='visibility:hidden'>
    Vous recherchez :</br>
    <form method='post' action='recherche.php'>
       <select name='type'>
          <option value='pub'>une maternité publique</option>
          <option value='pri'>une maternité privée</option>
       </select>
    à :
    <input type='text' name='ville' id='ville' accesskey='n' value='Ville' onFocus="javascript:this.value=''"/>
    <br/>
<input type="image" src="./Images/lancer.gif" alt="Lancer"/>
    </form>
</div>

@+
cadou

[marie mouse]