Focus et saisie d'un champs - HTML/CSS - Programmation
Marsh Posté le 19-01-2005 à 00:31:50
Ben c'est normal dès que ton champs a le focus tu le lui prends...
Marsh Posté le 19-01-2005 à 00:38:47
gm_superstar a écrit : Ben c'est normal dès que ton champs a le focus tu le lui prends... |
Le truc c que je voudrais qu'une fois avoir saisi mes données dans mon champs, je ne soies pas obligé de prendre la souris pour clique sur le bouton d'envoi, mais que je puisse simplement taper sur "Entrer" du clavier.
Voir exemple http://www.oanda.com/convert/classic
Lorsque l'on clique dans le champs "Convert amount", le bouton "Convert now", un peu plus bas sur la droite, s'active. J'ai toujours la possibilité de rentrer ma valeur dans le champs et de faire "Entrer" à tout moment sur le clavier pour valider.
Je n'ai rien trouvé dans le code source qui puisse m'aider.
Une solution ??
Marsh Posté le 19-01-2005 à 00:42:01
Mais ça se fait automatiquement (sauf si on est dans un textarea) si ton formulaire est complet (avec les attributs method et action renseignés et un bouton de submit)
Edit : ah non même pas besoin d'un bouton de submit en fait, ça peut marcher sans
Marsh Posté le 19-01-2005 à 00:47:37
gm_superstar a écrit : Mais ça se fait automatiquement (sauf si on est dans un textarea) si ton formulaire est complet (avec les attributs method et action renseignés et un bouton de submit) |
Ben non, ça ne se fait pas automatiquement car mon bouton d'envoi n'est qu'un bouton de type "button".
Ceci car sinon mes conditions d'envoi apparaissent bien (exemple tel ou tel champs non rempli) mais l'envoi s'effectue quand même, ce que je ne veux que si les conditions sont bien remplies.
Comment fait-on donc dans le cas ou le bouton n'est pas un bouton Submit pour qu'il soit tout de même sélectionné ?
Marsh Posté le 19-01-2005 à 00:54:39
faut un input de type submit
Marsh Posté le 19-01-2005 à 01:01:43
arnaudlyon a écrit : Ben non, ça ne se fait pas automatiquement car mon bouton d'envoi n'est qu'un bouton de type "button". |
Le fait d'appuyer sur Entrée pour soumettre le formulaire n'est pas lié à la présence ou pas d'un bouton, quelque soit son type.
arnaudlyon a écrit : |
Si tu as des conditions d'envoi (ne soumettre le formulaire que si telle ou telle condition est satisfaite) alors mieux vaut mettre un onsubmit sur ton élément <form> qui interceptera tout évènement de soumission du formulaire (dont l'appui sur Entrée) et qui renverra vers un fonction JS qui vérifiera les conditions avant de soumettre.
Marsh Posté le 19-01-2005 à 01:02:44
KangOl a écrit : faut un input de type submit |
Marsh Posté le 19-01-2005 à 01:04:07
pour envoyer le formulaire via un bouton
Marsh Posté le 19-01-2005 à 01:07:42
Mais il ne veut pas appuyer sur un bouton.
Et d'ailleurs il en déjà un, mais il veut faire des tests avant de soumettre et je suppose que c'est pour ça qu'il n'utilise pas un bouton Submit.
Marsh Posté le 19-01-2005 à 00:27:41
Bonsoir,
J'ai introduit la fonction onFocus() pour pouvoir rendre actif un bouton lorsque l'on clique dans un champs de saisie.
Ca donne ca:
Entre head et Head
<script type="text/javascript">
<!--
function focus_ta_mere(Envoyer)
{
document.forms.formulaire.Envoyer.focus();
}
//-->
</script>
Dans le Input des champs de saisie, j'ai par exemple :
<tr>
<td width="129">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">Nom :</td>
<td width="202">
<input type="text" name="Nom" value="" size=20 onFocus="javascript:focus_ta_mere(Envoyer)">
</td>
Ca marche nickel pour ce qui est d'activer le bouton (pour validation avec Entrer du clavier) lorsque l'on clique dans le champs de saisie.
Par contre, petit problème et pas des moindres, je ne peux plus rien saisir dans le champs de saisie en question.
Quelqu'un a-t-il (ou t-elle) une solution ??
Merci d'avance.
arnaudlyon.
---------------
Arnaudlyon