Discussion :

[idamarco]

Bonjour,

je cherche à mettre en place une image en guise de submit.
J'ai trouvé sur un forum les informations ci dessous:

Récuperer la valeur d'un bouton image :

<form name="leform" method="post" action="page.asp">
...
<input type="image" name="img_envoi" src="image_envoi.gif">
</form>

Après envoi de ce formulaire en ayant cliqué sur l'image, on récupère les coordonnées du point sur l'image, là où a été effectué le clic de souris, les coordonnées étant calculées par rapport au point 0,0 de l'image (haut gauche). Elles sont évidemment stockées dans la collection Form (ou QueryString) de l'objet Request.


<%
Dim Coords_X, Coords_Y
Coords_X = Request.Form("img_envoi.x")
Coords_Y = Request.Form("img_envoi.y")
Response.Write "Vous avez cliqué aux coordonnées (" & Coords_X & ", " & Coords_Y & ")"
%>

Je récupére par un $ POST l'info transmise et je ne sais pas ce que je dois faire avec la partie Coords XY...
Je mets cela ou j'en fait quoi?

C'est qui c'est signe > pourcentage?
C'est pas du javascript j'espère?

[sabotage]

Non c'est juste de l'asp

Concernant ta question, c'est surtout qu'est ce que tu voudrais en faire de ces coordonnés ?

[idamarco]

Salut Sabotage,

Merci pour la réponse.
Et bien, ce que j'aimerais, c'est tout simplement récupérer l'information transmise par le submit comme c'est le cas à ce jour avec la methode post.
Simplement, j'aimerais utiliser une image dans le champs de saisie "recherche" de mon site plutôt que de laisser celle par défaut.
Et je crois comprendre que dans ce cas, il faut passer des coordonnées XY en meme temps que le contenu de la saisie.
C'est tout cela qui m'échappe...
Est ce vraiment le cas?
Si oui, que dois je faire de ces lignes de codes XY?

[sabotage]

Non, non c'est l'inverse : quand tu utilises un bouton image au lieu d'un submit, tu recuperes, en prime, les coordonnés de la ou tu as cliqué.

[idamarco]

Ca veut dire quoi alors?
Que je n'utilise que le:

Code :

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

1
2
3
4
<form name="leform" method="post" action="page.asp">
...
<input type="image" name="img_envoi" src="image_envoi.gif">
</form>

et que je garde mon $ POST tout simple dans mon php?

[sabotage]

Toutafé ... tu n'oublieras pas quand meme de remplacer .asp par .php

[idamarco]

Ok, merci Sabotage, cela fonctionne en effet.

Je rencontre toutefois un problème que je n'avais pas anticipé.
J'ai traduis mon site en plusieurs langues.
Je passe des variables de ce type pour la traduction:

Code :

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

<?php echo TXT_ONG_CONSEILS; ?>

Comment alors avoir une image de bouton sans texte avec une variable qui afficherait ce texte par dessus?
J'avais pensé à la solution suivante:
Mettre le submit dans un tableau, faire un TD avec en background l'image et donner en valeur texte la variable.
Mais il faudrait alors supprimer le bouton par défaut....
As tu une idée de ce que je peux faire?

[sabotage]

Tu peux faire un bouton submit avec une image définie en css (background-image: url(bouton.gif) et un texte en value

[idamarco]

Merci une fois encore sabotage,

Voici l'exemple précis pour ceux que cela interesserait:

Code CSS:

Code :

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

1
2
3
4
.button {
	color: rgb(255,255,255);
	background:  url('images/indeximages/searchtrans.png');
   }

Background pour l'image de fond donc et color pour la couleur du texte.
(Je précise cela pour les débutants comme moi..., s'ils existent! )

Le code html:

Code :

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

1
2
3
4
5
<?php
echo '<input type="submit" name="envoi" value="';
echo TXT_SEARCH;
echo '" class="button" style="width:100px; height:30px;">';
?>

Ce code me semble intéressant parce qu'il contient de quoi faire un bouton avec fond d'écran et variable texte...
l'écho txt_search fait référence à des fichiers txt contenant les traductions du site en l'occurence la traduction du mot "recherche"
Le "style" permet de définir la taille du bouton pour qu'elle s'adapte à celle de l'image de fond.

Sans cette variable le code sera:

Code :

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

<input type="submit" name="envoi" value="RECHERCHE" class="button" style="width:100px; height:30px;">