Focus et saisie d'un champs

Focus et saisie d'un champs - HTML/CSS - Programmation

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
Reply

Marsh Posté le 19-01-2005 à 00:27:41   

Reply

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


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

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


---------------
Arnaudlyon
Reply

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


Message édité par gm_superstar le 19-01-2005 à 00:44:29

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

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é ?


---------------
Arnaudlyon
Reply

Marsh Posté le 19-01-2005 à 00:54:39    

faut un input de type submit :o


---------------
Nos estans firs di nosse pitite patreye...
Reply

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 :


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é ?


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.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 19-01-2005 à 01:02:44    

Reply

Marsh Posté le 19-01-2005 à 01:04:07    

pour envoyer le formulaire via un bouton [:spamfote]


---------------
Nos estans firs di nosse pitite patreye...
Reply

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.


Message édité par gm_superstar le 19-01-2005 à 01:08:05

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed