[RESOLU] Saut de champs lors de l'appui sur Entree

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU] Saut de champs lors de l'appui sur Entree

And Garfunkel

voili voilou

Bonjour, bonjour,

Je souhaite 'sauter' plusieurs (12 exactement) textfields lors de la pression par l'utilisateur de la touche entree.

J'ai creer suite a quelques lectures de forums le code suivant:

Code :

<body class="body" onkeydown="javascript:if(window.event.keyCode == 13 && window.event.srcElement.type!='textarea'){for(var x = 1; x <= 12; x++){window.event.keyCode = 9;}}">

Le probleme est que ce code ne saute que au champ suivant et pas 10 ou 12 champs suivants... :??:
Quelqu'un a une idee? :wahoo:
Merci :jap:

Message édité par And Garfunkel le 17-03-2008 à 09:27:49

Publicité

tpierron

Pourquoi pas "textarea.focus()" ?

And Garfunkel

voili voilou

Je ne comprends pas trop ta question tpierron?

En fait, lors de la pression sur la touche Entree et si ce n'est pas dans un element textarea alors je lance une boucle pour le tab...

Mon probleme est que au lieu de passer 11 champs il saute seulement au suivant...

FlorentG

Unité de Masse

Tu peux pas définir le keycode comme ça en espérant que ça simule la touche tab [:petrus75]

Il faut récupérer la liste des textarea, et une fois le bon trouvé, lui faire un focus()

And Garfunkel

voili voilou

Ahhh ok! j'ai compris!
Si le textfield a ce nom la alors je focus sur celui la et pareil pour chaque textfield, c'est ca nan?
Pourquoi parle tu de textarea?

FlorentG

Unité de Masse

C'est toi qui a parlé de textarea

tpierron

Well, je voulais simplement dire, plutôt que de te casser la tête à simuler 12x la pression de la touche TAB, utilise la méthode focus() sur le textarea où tu veux que le focus aille.

Message cité 1 fois

And Garfunkel

voili voilou

tpierron a écrit :

Well, je voulais simplement dire, plutôt que de te casser la tête à simuler 12x la pression de la touche TAB, utilise la méthode focus() sur le textarea où tu veux que le focus aille.

Merci tpierropn et FlorentG! Je pense avoir compris, neanmoins j'ai essaye ca et ca ne fonctionne pas:
L'appel:

Code :

$add_textfield='<input type="text" class="input_text" size="6" id="'.$seg_name.'_'.$year_id.'_'.$label_id.'" maxlength="8" style="font-weight:bold; border-style:none; text-align: right;" onblur="javascript:calculate_marketshare(\''.$seg_name.'\','.$year_id.','.$label_id.'); javascript:addition('.$year_id.','.$label_id.'); javascript:rednumbers(\''.$seg_name.'\','.$year_id.','.$label_id.');" onkeydown="enter_jump(event,'.$seg_name.'_'.$year_id.'_'.$label_id.')" onclick="get_lastvalues(\'id='.$seg_name.'_'.$year_id.'_'.$label_id.'_'.$structure_id.'\',\'ajax_lastvalues.php\');" value="'.$display_value.'" name="'.$seg_name.'_'.$year_id.'_'.$label_id.'"/>';
echo $add_textfield;

->regarder onkeydown="enter_jump(event,'.$seg_name.'_'.$year_id.'_'.$label_id.')", , $seg_name.'_'.$year_id.'_'.$label_id.' renvoi newplants_1_1

Et la fonction:

Code :

<script language="javascript" type="text/javascript">
function enter_jump(e,name) {
var intKey = window.Event ? e.which : e.KeyCode;
if(intKey == 13){
if(name=='newplants_1_1'){window.getElementById('newplants_2_1').focus();}
e.returnValue = false;
}
}
</script>

J'ai aussi essaye ca:

Code :

function enter_jump(event,name) {
if(window.event.keyCode == 13 && window.event.srcElement.type!='textarea'){
if(name=='newplants_1_1'){window.getElementById('newplants_2_1').focus();}
}
}

Rien non plus comment ca se fait? :??:

Message édité par And Garfunkel le 13-03-2008 à 15:11:57

FlorentG

Unité de Masse

Déjà laisse tomber le onkeydown comme ça, tu va trop de faire chier à le rédiger/débugger, vaudrait mieux le définir via un script externe.

tpierron

Maisheu.... getElementById est une méthode de document pas de window :sweat: (ça ne m'étonnerai pas que ça passe sous IE).

Publicité

And Garfunkel

voili voilou

en effet, je m'en suis rendu compte apres avoir poste...
j'ai deja change ca, mais il y a encore d'autres erreurs! Je vais essayer de trouver, mais si tu as une idee, n'hesite pas...
L'erreur est que le champ est soit disant pas defini!

And Garfunkel

voili voilou

Une fonction avec un parametre event ne peut prendre aucun autre parametre apparement,.... toutes mes tentatives ont ete infructueuses...
Ca aurait ete trop beau de faire un enter_jump(event,seg_name,year_id,label_id), mais ca ne passe pas...

Donc j'ai cree deux fonctions en javascript:

enter_jump(event);-> renvoie une valeur 0 si keycode different de 'return' et 1 si c'est 'return'
action_enter(seg_name,year_id,label_id) -> focus sur le correct textfield en fonction des parametres.

Ma question est donc maintenant:
Comment lancer a partir de n'importe quel textfield la fonction action_enter(balabla); seulement si enter_jump renvoie 1?

Pour l'instant j'ai quelque chose qui ressemble a ca en simplifie (sans les autres fonctions javascript):

Code :

<input type="text" class="input_text" size="6" id="name" maxlength="8" style="font-weight:bold; border-style:none; text-align: right;" onkeydown="enter_jump(event);" value="" name="name"/>

J'aimerais bien integrer la fonction action_enter(baba) a ce input text comme indiquer ci-dessus!
Merci :jap:

EDIT: L'autre solution serait de mettre le focus sur le textfield avec un tabindex+12 par rapport au tabindex du textfield d'ou la fonction est lance... Ca serait plus propre et plus joli mais j'ai aucune idee de comment faire...

Message cité 1 fois
Message édité par And Garfunkel le 14-03-2008 à 12:27:55

FlorentG

Unité de Masse

And Garfunkel a écrit :

Une fonction avec un parametre event ne peut prendre aucun autre parametre apparement,.... toutes mes tentatives ont ete infructueuses...

Si, mais faut utiliser un framework genre YUI qui permet de passer aux events des paramètres supplémentaires

tpierron

Ou plus simplement, tu peux aussi assigner tes fonctions de gestion d'événement en javascript, en ajoutant les paramètres nécessaire directement à l'objet. Après, dans ton événement tu pourras utiliser "this" pour récupérer les propriétés. Du genre :

Code :

montextfield.onkeydown = jump_event    // Note l'abscence de ().
montextfield.monAttribut = "uneValeur"
 
function jump_event(e)
{
    var intKey = window.Event ? e.which : e.KeyCode;
 
    alert(this.monAttribut)
 
    if (intKey == 13){
        if (this.id == 'newplants_1_1') window.getElementById('newplants_2_1').focus()
        e.returnValue = false;
    }
}

And Garfunkel

voili voilou

Salut Tpierron,

Merci de ta reponse, mais meme si je l'ai lu plusieurs fois je n'ai pas vraiment compris....

Je viens de faire un truc qui marche parfaitement sous firefox et presque sous IE6:

La fonction

Code :

function enter_jump(name,event) {if(event.keyCode == 13){action_enter(name);}}

L'appel:

Code :

onkeydown="enter_jump(this.name,event);"

La fonction action_enter(name) est une fonction javascript qui s'occupe de faire le focus sur l'element voulu!
Cela marche dans les 2 browsers (ff et ie6) mais dans ie il me submit le formulaire juste apres... :sweat: , une idee?

Edit:
J'ai creer dans le form, cette fonction:

Code :

<form method="POST" id="save_data" name="save_data" action="ajax_save_data.php" onsubmit="return enter_check(event);">

et voila la fonction:

Code :

function enter_check(event){if(event.keyCode == 13){return false;}}

Mais ca ne fonctionne pas non plus :sweat:
PS: Le site doit marcher parfaitement sous IE6 car sous intranet...

Message édité par And Garfunkel le 14-03-2008 à 15:30:32

tpierron

Ça me semble correct, je rajouterai un return false dans ton onkeydown :

Code :

onkeydown="enter_jump(this.name,event); return false;"

Message cité 1 fois
Message édité par tpierron le 14-03-2008 à 15:56:29

And Garfunkel

voili voilou

tpierron a écrit :

Ça me semble correct, je rajouterai un return false dans ton onkeydown :

Code :

onkeydown="enter_jump(this.name,event); return false;"

Merci pour ton idee! :jap: Mais... Hihi! Avec ta proposition, je ne peux plus entrer aucun chiffre ou aucun caractere dans les textfields....
Peut etre une autre idee? :whistle:
Merci :jap:

tpierron

Arf, effectivement, c'était un peu trop brutal comme solution. Sinon, tu peux essayer une légère variante :

Code :

onkeydown="return enter_jump(this.name,event)"

Et dans enter_jump, si tu détectes l'appuie sur Return, alors retourne false, sinon true.

And Garfunkel

voili voilou

Yahoooo! Merci Tpierron pour ta reponse, je viens d'essayer et ca marche tip top! T'es un chef, merci! :jap: :jap: :jap: :jap:

FORUM HardWare.fr

Programmation

HTML/CSS

[RESOLU] Saut de champs lors de l'appui sur Entree

Sujets relatifs
[RESOLU] Détail qui coince sur un batch simple	(résolu)redirection immédiate
[resolu] Dimensionnement dynamique d'une frame	[Résolu][HTML/CSS] Selecteur d'elements pere-fils + table
[MySQL] Error : 2013 C'est quoi ça ? [Resolu]	[RESOLU] Portée variables dans les classes ?
[Résolu] Variable non static depuis une méthode static,Php/Java bridge	[résolu] où se trouve sourcesafe ?
[RESOLU] [newbie]Netbeans-"throws IOException" dans elements d'une GUI	[Resolu]Mappage inprimante importé d'un fichier texte
Plus de sujets relatifs à : [RESOLU] Saut de champs lors de l'appui sur Entree

Page générée en 0.095 secondes