Discussion :

[Leena666]

Bonjour

je souhaite créer un type de bouton submit via une image, mais je rencontre quelques difficultés
Je travaille en php, et via ce "bouton" je souhaite envoyer une série de variable lors de la soumission (qui s'effectue sur la même page !)

Le problème est, que je n'ai aucun moyen de savoir que le lien (ou l'image) a été cliqué

y-a-til un moyen de savoir cela et de résoudre ce problème ?
merci

Code :

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

1
2
3
4
5
6
7
 
echo "<form name=addsouche method=post onSubmit='return verifForm(this);' action='" . $_SERVER['PHP_SELF'] . "?" . $_SERVER['QUERY_STRING'] . "'>";
...
(tout plein de variables) 
...
echo "<a onClick='submit();' ><img value='Valider' name=ok src='./img/validate.jpg'></a>";
echo "</form>";

[chaminette]

ça doit pouvoir se faire en utilisant une feuille de style!
il faut redéfinir les a:visited et a:hover !

Par exemple dans ton cas tu peux mettre un encadré, ou un truc du genre ...

[Leena666]

humm et comment faire cela ?

* j'ai jamais vraiment utilisé css >< *

[chaminette]

Alors dans ta css , tu redéfinis comme suit !

Code :

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

1
2
3
 
a:visited {color: #e040a0; text-decoration:underline;}
a:hover {color:gray; text-decoration:none;}

Dans cet exemple, je le fais pour un text en redéfinissant les couleurs du lien visité.
A toi de voir comment tu veux décorer ton image visitée !

Pour l'utilisation des CSS :
Cours et tutoriels pour apprendre CSS
La FAQ CSS
Le forum CSS

[blueice]

Code html :

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

1
2
 
<button type="submit" class="special">Envoyer</button>

Code css :

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

1
2
3
4
5
6
7
8
9
 
.special {
width:00px;
height:00px;
border:1px solid black;
background:#FFF url(image.jpg) no-repeat 0 0;
...
...
}

[Leena666]

oki je vois ... mais ou est ce que je met le code css exactement ?

et il faudrait qu'il est aussi un nom et une Value... c'est possible sans que la valeur s'affiche au dessus de l'image ? (je demande on sait jamais )

[blueice]

dans le head :

Code :

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

1
2
3
4
5
6
 
<style type="text/css" title="text/css" media="text/css">
/* <![CDATA[ */
.special { .. }
/* ]]> */
</style>

[Leena666]

okay merci ^^
le css marche ...
maintenant, le problème est que je veux cacher la valeur du bouton et mettre une image à la place

je supposais que c'était avec background-image:url(adresse);
mais .... tout ce que ça me fait est un fond gris (avec la valeur dessus bien entendu >< )

[chaminette]

tu peux soit créer un fichier avec une extension .CSS
ou dans le haut de ta page html mettre une balise

Code :

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

<style> ton code css ici </style>

[Bisûnûrs]

Tu as aussi :

Code :

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

<input type="image" src="adressedelimage" />

[sandrine]

Je crois qu'il y avais fachement plus simple en php

Dans l'exemple si dessous, je passe une variable Saisie cachée et dans mon code je test au début si Saisie=1 alors l'utilisateur a cliquer sinon l'utilisateur n'a pas cliquer.

Dans mon cas c'est une page d'identification. Si saisie=1 je test mot de passe et passe a la page suivante sinon message d'érreur mauvais mot de passe.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
echo'<form action="index.php" method="post">
       <center> <H1> IDENTIFICATION </H1>
	<table border=0>
	    <tr><td>PSEUDO</td>
                      <td><input type="text" size="10" name="PSEUDO"></td>
                 </tr>
	     <tr><td>MOT DE PASSE</td>
                        <td><input type="password" size="10" name="MDP"></td>
                 </tr></table>
	    <input type="hidden" name="saisie" value="1">
	    <input type="submit" value="Connexion"></center></form>';

[Skyounet]

Euh Sandrine désolé mais tu es complètement HS là, tu te serais pas trompé de thread par hasard ?

[sandrine]

Non je suis pas HS, Leena666 demandait comment savoir si l'utilisateur a cliquer sur son bouton ( image)

Moi j'initialise une variable et dans mon code je test la valeur et ca me donne si l'utilisateur a cliquer ou pas. Bon l'exemple que je donne c'est pour une identification, mais a elle d'adapter si elle veut.

De plus j'arrive même a compter le nombre de fois cliquer sur ce bouton
quand je fais un saisie= saisie+1 dans mon hidden de mon form

Par contre j'ai oublier de dire que pour récupérer la variable au début de la page faut faire:

Code :

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

1
2
3
if (isset($_POST['saisie'])){
  $saisie= $_POST['saisie'];
}

C'est donc pour cela que je pense pas etre Hors sujet, c'est juste une autre technique que de passer par css.

[Skyounet]

Le CSS sert juste à mettre en forme le bouton pour qu'il y ait une image dedans.

Ton code ne fait qu'alourdir la page en rajoutant une variable, lorsqu'on valide le formulaire $_POST['bouton_submit'] est SETé (encore faut-il avoir rempli l'attribut name du submit).

[sandrine]

Vu que la variable sert de test forcément elle peux etre nommée.

Après tout est une question de point de vue, chacun sa technique.

Leena666 avait l'air de plus connaitre le php que le css c'est pour cela que je suis intervenue pour lui donner une solution en php.