Page 1 sur 2

bouton image sublit

Posté : 31 mai 2005, 16:38
par olé
salut j'essaie de faire un formulaire avec une image en bouton pour valier mais ce boutton ne fonctionne pas sou IE :/ voici mon code
<form name='client' action='".$_SERVER['PHP_SELF']."' method='POST'>";
if(empty($_POST['bt_envoyer']))
{
echo "
<table border='1' width='430' cellspacing='5' class='texte'>
<tr><td colspan='2'>Veuillez entrer votre login et mot de passe pour accéder à votre compte.</td></tr>
<tr><td width='33%' align='right'> login : </td><td><input type='text' value='' name='login'></td>
<tr><td align='right'> mot de passe : </td><td><input type='password' value='' name='pass'></td></tr>
<tr><td colspan='2' height='50' align='center'><input type='image' src='envoyer.png' name='bt_envoyer'></td></tr>
</table>";
}
si vous avez une idée ;) merci

Posté : 31 mai 2005, 17:04
par Cyrano

Code : Tout sélectionner

onclick="this.submit();

Posté : 31 mai 2005, 17:15
par olé
<input type='image' onclick=\"this.submit();\" src='envoyer.png' name='bt_envoyer'>

de cette façon ça ne fonctionne pas :(

Posté : 31 mai 2005, 17:22
par Cyrano
Ajoute un bouton type submit à ton formulaire et masque-le avec un style CSS visibility: hidden

Posté : 31 mai 2005, 19:00
par olé
j'y arrive pas :(

Posté : 31 mai 2005, 19:35
par olé
alors j'ai réussi à faire ceci...
<table border='0' width='430' cellspacing='5' class='texte'>
<tr><td colspan='2'>Veuillez entrer votre login et mot de passe pour accéder à votre compte.</td></tr>
<tr><td width='33%' align='right'> login : </td><td><input type='text' value='' name='login'></td>
<tr><td align='right'> mot de passe : </td><td><input type='password' value='' name='pass'></td></tr>
<tr><td colspan='2' height='50' align='center'>
<!--<input type='image' src='envopyer.png' border='0' onclick='controle_client()'>-->
<a href=''><input src='envoyer.png' border='0' type='image' onclick='controle_client()'></a>
le formulaire est vérifier via un script javascript qui controle les champs.. le seul hic c'est que si un champ est inccorecte prenons par exemple le champ mot de passe qui est resté vide et bien il va y avoir une alert comme quoi le mot de passe est inccorecte mais ma page php se recharge et je perds la valeur saisie dans le champ login :(

Posté : 31 mai 2005, 19:42
par Cyrano
BOn, je sais pas comment tu teste, mais je viens de faire un essai et sans rien rajouter de particulier, ça fonctionne. J'ai juste optimisé le code :
<form name="client" action="<?php echo($_SERVER["PHP_SELF"]); ?>" method="post">
if(empty($_POST["bt_envoyer"]))
{
?>
  <table border="1" width="430" cellspacing="5" class="texte">
    <tr>
      <td colspan="2">Veuillez entrer votre login et mot de passe pour accéder à votre compte.</td>
    </tr>
    <tr>
      <td width="33%" align="right"> login : </td>
      <td><input type="text" value="" name="login"></td>
    </tr>
    <tr>
      <td align="right"> mot de passe : </td>
      <td><input type="password" value="" name="pass"></td>
    </tr>
    <tr>
      <td colspan="2" height="50" align="center">
	    <input type="image" src="envoyer.png" name="bt_envoyer" onclick="this.submit();" width="75" height="32" value="soumettre">
      </td>
    </tr>
  </table>
<?php
}
?>

Posté : 31 mai 2005, 20:18
par olé
en effet ça fonctionne ! merci cyrano ;)

Posté : 31 mai 2005, 20:29
par olé
nan ça fonctionne pas sous internet explorer :( pfiouuu fonctionne parfaitement sous firefox mais aps sous ie je comprends plus rien

Posté : 31 mai 2005, 20:36
par olé
je viens de vérifier dans firefox ça s'éxécute mais jai ceci dans la console js
Erreur : this.submit is not a function

:?

Posté : 31 mai 2005, 20:38
par Cyrano
Moi non plus,effectivement, je viens de vérifier. Le JavaScript et moi, ça a toujours fait 2 :?

Posté : 31 mai 2005, 20:40
par olé
:oops:

Posté : 31 mai 2005, 20:57
par jeff
salut
je suis pas sur
Le JavaScript et moi, ça a toujours fait 2
et ca risque de continuer

Code : Tout sélectionner

onclick="nomform.submit()"

Posté : 31 mai 2005, 20:58
par olé
mm resultat :cry:

Posté : 01 juin 2005, 11:27
par olé
arf mon post tombe dans l'oubli :( je trouve pas et vous non plus apparemment ... minceeeeeeeeeeee !