[PHP-JS] formulaire - javascript pour dicter l'action par défaut de la touche entrée

Version imprimable

Bonjour,
tout d'abord excusez-moi par avance car je risque de poser des questions stupides étant donné que je débute en javascript ...
Voici mon problème : j'ai créé un script PHP pour génèrer des images png contenant un texte.
La page se présente sous forme d'un formulaire avec une entrée pour la date, une pour le message et une pour la taille de la police.
Il y a donc plusieurs boutons 'input type = submit' : 2 pour changer de date (jour précédent - jour suivant), un pour avoir un aperçu de l'image et un dernier pour écrire le message dans la bdd.
Le problème est que quand dans le champ de la taille de fonte, on appuie sur entrée, le bouton actionné par défaut est le premier placé donc celui du changment de date alors que la logique voudrait que ce soir celui de l'aperçu de l'image.
Je pense qu'un petit code javascript pourrait me permettre de définir le bouton actionné par défaut par la touche entrée ... mais les explications trouvées via google sont soit floues, soit trop compliquées pour un néophyte comme moi.

Merci par avance de votre aide.

En html le code donne ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <form enctype='multipart/form-data' method='POST'> <br> date : <br> <input type='submit' name='prev' value=' <- ' action='?id=a'><input type='hidden' name='prevd' value='2008-04-21'>&nbsp <input type='text' name='day' value='22' size='1' maxlength='2'> <select name='mois' size='1'><option value='01'>janvier</option> (...) <option value='12'>décembre</option></select> <input type='text' name='year' value='2008' size='2' maxlength='4'> &nbsp<input type='submit' name='next' value=' -> ' action='?id=a'><input type='hidden' name='nextd' value='2008-04-23'> <br><br> texte : <br> <textarea name='content' cols='40' rows='10'></textarea> <br> taille de la fonte : <input type='text' name='font' value='28' size='1' maxlength='2'>       <input type='submit' name='show' value='Aperçu' action='?id=a'> <br><br> Confirmation : <input type='password' name='pass' value='' size='6' maxlength='6'>     <input type='submit' name='write' value='Ecrire' action='?id=a'> <br> </form>

22/04/2008, 08h38
shaun_the_sheep

Salut,

Je pense que pour être plus propre il vaut mieux remplacer les <input type='submit' par <input type='button' onclick='monaction' ....

Tu peux aussi utiliser tabindex= X (ou X est un nombre lié à l'ordre de tes boutons)

Ainsi il faudra tabuler 3* pour aller au troisième bouton.

Cela peut peut être t'aider.

déja plusieurs boutons submit dasn ce cas de figure ne me semble pas la meilleure solution ...
J'aurais plutot mis plusieurs boutons type='button' et modifié l'action sur le onsubmit du form en fonction du bouton clické, pour cela une modification de variable globales sur le onclick du bouton et un swicth dans le onsubmit ...

Un petit exemple pour l'inspiration :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script type='text/javascript'>
var formaction=""
function SelectAction(){
switch (formaction){
						case("action1"):	document.forms[0].action="javascript:alert('action 1')";
											break;
						case("action2"):	document.forms[0].action="javascript:alert('action 2')";
											break;
						case("action3"):	document.forms[0].action="javascript:alert('action 3')";
											break;
						case("action4"):	document.forms[0].action="javascript:alert('action 4')";
											break;
						}
return true;
}
</script>
 
</head>
 
<body>
<form action="" onsubmit="return SelectAction()" />
<input type='button' value='action1' onclick="formaction=this.value" /><br />
 
<input type='button' value='action2' onclick="formaction=this.value" /><br />
<input type='button' value='action3' onclick="formaction=this.value" /><br />
<input type='button' value='action4' onclick="formaction=this.value" /><br />
<input type='submit' value="go" />
</form>
</body>
 
</html>