Page 1 sur 1
Ordre des boutons submit
Posté : 31 août 2005, 02:15
par Akei
Bonjour,
J'aimerais savoir comment faire pour qu'il y ai un ordre des boutons submit.
Je m'explique:
J'ai un formulaire avec 3 boutons qui sont des boutons de type submit: le bouton précédent, continuer et annuler.
Lorsque je rentre un nom et que je fais entrer il me valide mon bouton précédent et j'aimerais que ce soit le bouton continuer. Sinon j'aimerais que le enter fasse comme un tabindex. J'ai vu qu'on pouvait faire ca avec du javascript mais je n'ai pas tres bien compris.
Code : Tout sélectionner
function BloqSubmit()
{
if (window.event.type == "keypress" & window.event.keyCode == 13)
{
return !(window.event.type == "keypress" & window.event.keyCode == 13);
}
}
Si quelqu'un pouvait m'eclairer.
Merci.
Posté : 31 août 2005, 08:04
par Cyrano
Non, si tu as toujours le même ordre, en HTML avec l'attribut tabindex="" avec une valeur numérique d'ordre. C'est en plus un principe de développement pour améliorer l'accessibilité pour ceux qui ne naviguent qu'au clavier. Si tu as trois boutons, définis l'ordre et mets des tabindex="1", puis "2" puis "3" dans les balise.
Posté : 01 sept. 2005, 21:29
par Akei
Salut
J'ai toujours le meme problème en mettant des tabindex.
Je te mets un bout de code de ce que j'ai fait.
Code : Tout sélectionner
<label>Nom : </label>
<input tabindex="1" type="text" name="nom" />
<label>Prénom : </label>
<input tabindex="2" type="text" name="prenom" />
<input tabindex="4" type="submit" value="Précédent"/>
<input tabindex="3" type="submit" value="Continuer"/>
<input tabindex="5" type="button" name="annuler" value="Annuler"/>
Lorsque je suis sur le prénom et que je fais entrer, j'aimerais qu'il me valide mon bouton continuer et non le bouton précédent.
Je ne vois pas trop comment faire. Je ne peux pas changer l'ordre de mes boutons.
Merci
+
Posté : 01 sept. 2005, 21:45
par HD
essaie ca :
<label>Nom : </label>
<input tabindex="1" type="text" name="nom" />
<label>Prénom : </label>
<input tabindex="2" type="text" name="prenom" />
<input tabindex="3" type="submit" value="Continuer"/>
<input tabindex="4" type="submit" value="Précédent"/>
<input tabindex="5" type="button" name="annuler" value="Annuler"/>
ca devrait marcher en attendant une astuce pour garder l'ordre des boutons (eux memes pas de tabindex ) que tu veux
je sais, parfois je suis incomprehensible mais bon...
Posté : 01 sept. 2005, 21:53
par Cyrano
Il n'y a pas besoin de modifier la position des boutons pour avoir le tabindex dans l'ordre d'affichage; quel navigateur utilises-tu ? (Et quelle version ?) Je viens d'essayer ton code et il fonctionne très bien dans l'ordre indiqué
Posté : 01 sept. 2005, 21:54
par Akei
Oui ca serait une solution, mais je veux garder l'ordre d'affichage des boutons à : precedent, continuer et annuler.
Merci pour ton aide qd meme
Posté : 08 sept. 2005, 20:23
par Akei
Bonjour,
On va dire que ce topic est résolu. En fait, j'ai utilisé du javascript. Le but est que lorsque l'utilisateur clique sur le enter de son clavier il passe au champs suivant comme ca il ne valide pas son formulaire, il le valide qu'à la fin de sa saisie.
http://www.phpfrance.com/forums/voir_sujet-8144.php
++
Posté : 08 sept. 2005, 20:55
par HD
Bonjour,
On va dire que ce topic est résolu.
le dire mais aussi le faire : bouton resolu en haut