Discussion :

[momjunior]

Bonjour
J'ai une page "index.jsp" sur laquelle se trouvent un formulaire de connexion c'est à dire avec des champs login et mot de passe,et un bouton connexion.Dans mon formulaire,au niveau de "Action",je précise le nom de la servlet à laquelle je souhaite me connecter,et donc quand je clique sur le bouton "Connexion",je me connecte normalement à ma servlet.
J'aimerais savoir si c'est possible de remplacer le bouton "Connexion" par une image.
Par exemple dans le formulaire,j'aimerais remplacer:

Code :

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

input name="connexion" type="submit" class="navbar" id="button2" value="Connexion" height="5" />

par:

Code :

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

<a href="../src/java/Connecter.java"><img src="Pages/image/connexion.gif" alt="" border="0"></a>

Est ce que c'est faisable?
Merci

[welcome_59]

Apparemment tu débutes avec la technologie JEE/Servlet. Me trompe-je?

href="../src/java/Connecter.java">

ne fonctionnera jamais, à moins que Connecter.java ne représente une ressource web au sens web d'une part (une autre page par exemple) ou au sens Java EE (servlet, JSP, etc.), ce dont je doute.

Tu peux utiliser le tag <button> avec une image dans son contenu. Quelque chose du type:

Code :

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

1
2
3
4
5
 
<form action="TaServlet ou JSP">
    ...
    <button type="submit"> <img src="" /> </button>
</form>

Toutefois, au vu de ton post, il me semble que tu as encore d'autres problèmes et ma réponse ne devrait pas faire fonctionner ton application. Essaie peut-être de mieux expliquer ce que tu essaies de faire, ce que tu as déjà fait et où tu en es.

[momjunior]

Oui je suis débutant.
Bon je vais essayer de m'expliquer un peu plus.Tout d'abord mon application marche bien,j'arrive à accéder à ma servlet,tout est nickel.En général quand on veut appeler une servlet à partir d'un formulaire,on se sert d'un bouton SUBMIT.J'aimerais donc ne pas passer par un bouton,mais plutot par une image,c'est à dire remplacer le bouton par une image et lorsque j'aurais cliquer sur celle-ci,elle fera la meme chose que le bouton submit,c'est à dire accéder à ma servlet.
Voici mon code avec le bouton submit (tout marche bien,j'arrive à accéder à ma servlet):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<form name="form1" method="post" action="Connecter">
<table cellpadding="0" cellspacing="0" class="fontb2" align="center">
 
    <tr>
      <td><div align="left"><span class="Style3 Style12"><strong>        <span class="Style13">Email</span>:
      </strong></span></div></td>
    </tr><tr><td>        <div align="center">
      <input name="email" type="text" class="fontb" style="height: 15px; width: 125px;">
    </div></td></tr><tr><td>
        <div align="left"><span class="Style3 Style12"><strong><span class="Style13">password</span>:</strong></span></div></td>
</tr><tr><td>    <div align="center">
  <input name="passwd" type="text" style="height: 15px; width: 125px;" size="5" maxlength="6">
</div></td></tr>
<tr>
  <td height="37">  <div align="center">
 
 
 
 <input name="connexion2" type="submit" class="navbar" id="button2" value="Connexion" height="5" />
 
 
 
    <br>  
  </div></td>
</tr>
</table>
<div align="center"><u><span class="Style11">Inscription</span></u><br>
</div>
</form>

J'aimerais donc remplacer le

Code :

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

<input name="connexion2" type="submit" class="navbar" id="button2" value="Connexion" height="5" />

Par une image,et quand je clique sur cette image,j'aimerais avoir le même résultat

[Federico_muy_bien]

Tu peux le faire en HTML et CSS, en mettant un background sur le input type submit.

[momjunior]

Ok merci ça marche
Il suffisait juste de remplacer

Code :

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

<input type="submit" src="balblabla..." >

par

Code :

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

<input type="image" src="blablabla...">

Merci