formulaire - deux boutons submit >> touche entrée

formulaire - deux boutons submit >> touche entrée - HTML/CSS - Programmation

Marsh Posté le 16-10-2003 à 18:54:10    

Yop,
 
Je voulais savoir s'il était possible, quand j'ai plusieurs boutons submit sur mon formulaire d'en définir un qui soit activé "par défaut", c-a-d si l'utilisateur emploie la touche entrée.
 
Exemple, j'ai un formulaire, avec boutons "precedent" et "suivant". Evidemment, ça fait un peu chier si le mec tape entrée se retrouve sur l'écran précédent. OR dans l'html c'est forcément le bouton "précedent" qui est défini en premier.
 
Y'a un attribut pour ça ou qqchose?
 
(Si y'a pas d'autre moyen que js, j'y passerai, mais dans la mesure du possible je veux l'éviter)


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 16-10-2003 à 18:54:10   

Reply

Marsh Posté le 16-10-2003 à 20:23:47    

un bien joli bide que voila :o
 


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 16-10-2003 à 20:46:46    

Peut être que ces pages t'aideront ?
 
http://ppewww.ph.gla.ac.uk/%7eflav [...] stion.html
http://ppewww.ph.gla.ac.uk/%7eflavell/www/trysub.html
 
En gros, c'est pas possible [:sinclaire]


---------------
J'ai un string dans l'array (Paris Hilton)
Reply

Marsh Posté le 16-10-2003 à 21:22:52    

merci, je v lire ça


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 16-10-2003 à 21:57:06    

mouaif, de fait, ça apprend pas grand chose
(si ce n'est que si y'a plus d'un champ texte dans le form le "submit on enter" ne devrait pas marcher, mais les browsers sont des vilains)


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 16-10-2003 à 21:59:22    

J'ai cherché une astuce en HTML genre tabindex, mais çà marche pas.
T'as essayé avec les styles.
 
Exemple qui marche, mais je sais pas si va va te convenir :D
 

Code :
  1. <html>
  2. <form>
  3. <input type=text style="position: absolute; left:10px;, width:200px; top:10px;">
  4. <input type=submit onclick="alert('Suiv');" style="position: absolute; left:110px; top:40px; width:100px;" value="Suiv">
  5. <input type=submit onclick="alert('Prec');" style="position: absolute; left:10px; top:40px; width:100px;" value="Prec">
  6. </form>
  7. </html>


 
Donc tu arrive sur la page, tu tape du texte dans le champs, et quand tu fait 'Entrée', t'as une messageBox avec le nom du bouton. Chez moi, j'ai bien 'Suiv'.


Message édité par Mara's dad le 16-10-2003 à 21:59:53

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 16-10-2003 à 22:04:53    

tiens, je viens aussi aussi d'essayer le tabindex :D


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 16-10-2003 à 22:05:33    

haaan il est super ton exemple :D
 
mais bon jvoudrais garder mon bouton precedent à GAUCHE de l'autre :o
... bon tiens et si je jouais en css pour les positionner? [:nofret]


Message édité par the real moins moins le 16-10-2003 à 22:25:29

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 16-10-2003 à 22:20:45    

?


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 16-10-2003 à 22:25:15    

? ?
 
>> un petit edit de confondage droite/gauche :o


Message édité par the real moins moins le 16-10-2003 à 22:25:43

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 16-10-2003 à 22:25:15   

Reply

Marsh Posté le 17-10-2003 à 00:25:58    

Ok, donc çà marche pour toi ou pas ?


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 17-10-2003 à 00:34:10    

Une autre solution en javascript mais a condition de ne pas avoir de champs texte :/
 

<html>
<body onload="document.getElementById('suiv').focus();">
<form>
<input type="submit" onclick="alert('Prec');">
<input type="submit" id="suiv" onclick="alert('Suiv');">
</form>
</html>


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 17-10-2003 à 00:34:17    

EUH.
ben le bouton qui est affecté par le return est le premier à etre déclaré dans l'html.
 
mtnt si je m'arrange avec des css pour tricher sur leur position bah oui ça marchera


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 17-10-2003 à 00:34:51    

ben non c'est un vrai formulaire, le truc du focus ça peut pas marcher ;)


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 17-10-2003 à 00:35:05    

the real moins moins a écrit :

EUH.
ben le bouton qui est affecté par le return est le premier à etre déclaré dans l'html.
 
mtnt si je m'arrange avec des css pour tricher sur leur position bah oui ça marchera


C'est ce que je faisait dans mon exemple non ?


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 17-10-2003 à 00:38:12    

argh désolé j'avais meme pas vu le style="position: absolute; left:110px;" :/


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 17-10-2003 à 00:43:35    

Je me demandais si tu blaguais ou si c'était un dialogue d'aveugles :D
Quand je poste du code, en générale, c'est que je l'ai testé. Suffisait d'essayer texto mon exemple...


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 17-10-2003 à 00:54:06    

vivi mais je pensais juste que t'avais pas saisi que je voulais "suivant" à droite, désolé :sweat:


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 17-10-2003 à 10:02:15    

C'est rien on va mettre çà sur le compte de la boisson l'heure :D


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 17-10-2003 à 13:04:26    

merci :jap:


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Sujets relatifs:

Leave a Replay

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