Discussion :

[rems033]

Salut à tous!
J'ai réalisé pour un projet une page d'accueil sur laquelle il faut se logger pour etre redirigé vers un zone membre.
J'ai intégré mes 2 champs (login et mdp).
Cependant, j'ai une image de fond cliquable sur laquelle je voudrai que mes utilisateurs cliquent pour s'authentifier.
Est-ce possible d'attribuer une quelconque méthode POST à une image cliquable ou faut-il obligatoirement que le formulaire contienne un bouton?
Merci pour vos réponses.

[obito]

Salut vous pouvez essayer de faire comme ça:

Code html :

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

1
2
3
4
5
6
<form action="..." method="POST">
 
<!--Tous tes contrôles... -->
 
<INPUT border=0 src="SOURCE IMAGE" type=image Value=submit align="middle" >
</form>

Edit: Bien sur il faut que votre image soit d'une taille raisonnable...^^

[rems033]

Mais le probleme c'est que j'ai un rollover sur mon image.
Ca marche aussi si je mets "onmouseon onmouseout"?

[obito]

Alors la je suis pas sur du tout, vu que j'ai jamais essayé

Peut être ça:

Javascript:

Code :

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

1
2
3
4
5
6
<script language="JavaScript">
 
bouton = new Image();
bouton.src = IMAGE1";
 
</script>

Dans le body

Code html :

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

1
2
<INPUT border=0 src="IMAGE2"
type=image Value=submit align="middle" onmouseover="bouton.src = 'IMAGE1';" onmouseout="bouton.src = 'IMAGE2';" >

Mais sans grande certitude

[rems033]

Merci pour ton aide mais ca ne fonctionne pas....
Si tu as une idée qui te passe par la tête, hésite surtout pas!

[othmane126]

Bonjour,
tu peux aussi garder ton image au lieu de créer un bouton image et lui associer un événement onClick

Code :

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

<img src="" onClick="document.getElementById('form1').submit();" onmouseover="" onmouseout=""/>

[rems033]

Beinh en voila une idée qu'elle est bonne...et en plus ca fonctionne à merveille!
Merci beaucoup!