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>

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