Attribution valeur et focus sur un autre input

Bonjour,

Je suis en train de faire un tableau qui récapitule l'ensemble des produit qui rentrent en stock. Lors de leur entrée dans l'informatique j'ai besoin d'indiquer la quantité rentrante et la quantité d'étiquette à imprimer. Je souhaite donc passer de mon champ input 'quantity' à mon champ 'quantity_print' de manière automatique, et proposer pour l'impression le même nombre que la quantité rentrée. J'espère être clair. Il y a un form par ligne.

En gros :
quantity=2, on tape enter, focus sur quantity_print et attribution de la valeur de quantity.

voici un bout de code jquery qui ne fonctionne pas. :(
Code:

1 2 3 4 5 6 7 8 9 10 $(function(){ $(".quantity").keypress( function(e){ e.preventDefault(); if(e.which == 13) { $(this).parents('form:eq(0)').find('.quantity_print:eq(0)').val($(this).val()).focus(); } }); })
on rentre bien dans le if la ligne dedans ne s'execute pas ...

voici le html associé:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <table> <tr> <form> <td> <input class="quantity"></td> <td> <input class="quantity_print"></td> </tr> <tr> ... </form> </tr> </table
Auriez vous des solutions? Merci!

Code:

1
2
3
4
5
6
7
8
9
$(function(){
      $(".quantity").keypress(  
             function(e){
                   e.preventDefault();
                   if(e.which == 13) {
   me=$(this)
$(this).closest('form').find('.quantity_print:eq(0)').val(me.val()).focus();
 
 } });  })

??

Merci de ta réponse rapide.

Nan ca ne marche pas .:(

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type='text/javascript'>
$(function(){
      $(".quantity").blur(  function(){
      				$(this).closest('tr').find('.quantity_print:eq(0)').val($(this).val()).focus(); })
 
   }) </script>
</head>
<body>
<form>
   <table>
          <tr>
               <td> <input class="quantity"></td>
               <td> <input class="quantity_print"></td>
          </tr>
    </table>
</form>
</body>
</html>

O Grand Merci!!

Cela marche très bien!! mais saurais tu pourquoi il n'accepte pas 'form'? il est pourtant bien dans le DOM, normalement il devrait trouver mon objet...

Encore merci.

ou pour conserver ton appui sur la touche enter

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type='text/javascript'>
$(function(){
      $(".quantity").keypress(  function(e){
      				 if(e.which == 13) {	
      				$(this).closest('tr').find('.quantity_print:eq(0)').val($(this).val()).focus();
      				}
      				 })
 
   }) </script>
</head>
<body>
<form>
   <table>
          <tr>
               <td> <input class="quantity"></td>
               <td> <input class="quantity_print"></td>
          </tr>
    </table>
</form>
</body>
</html>

Avec ton preventDefault tu inhibais le keypress ...

Mon prevent default ne bloque pas le keypress, il bloque le submit. Lors de ma précédente réponse je l'avais laissé car sinon je ne change pas d'input je recharge la page. Ce n'est donc pas ca qui bloque la fonction.

J'arrivais très bien à afficher une alert en appuyant sur la touche enter, mais la fonction avec 'form' ne marche pas.

Quoiqu'il en soit, avec prevent Default, et closest ('tr') j'obtiens ce que je souhaite.

Merci!
Code:

1 2 3 4 5 6 7 8 $(function(){ $(".quantity").keypress( function(e){ e.preventDefault(); if(e.which == 13) { $(this).closest('tr').find('.quantity_print:eq(0)').val($(this).val()).focus(); } }); });

Citation:

Mon prevent default ne bloque pas le keypress,

Si !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(function(){
      $(".quantity").keypress(  function(e){
                              e.preventDefault()
      				 })
 
   }) </script>
</head>
<body>
<form>
   <table>
          <tr>
               <td> <input class="quantity" type="text"></td>
          </tr>
    </table>
</form>
</body>
</html>

vu que tu bloques le comportement par defaut du keypress tu ne peux rien ecrire dans l'input

Oula Honte sur moi...

Effectivement je m'excuse platement, le prevent default bloque toute les entrées avant le if, il faut donc le mettre dedans pour ne pas lancer le submit, mais etre capable de changer la valeur par défault et changer le focus.

Merci beaucoup cela m'évite un sacré débuggage. :aie:

Et pour le form? (pure curiosité)

ben faut le faire dans l'evenement submit() du form ...

Par contre la mise en page avec un table dans un form au moyen d'un balise table ... :?

en fait mon form englobe un tr seulement je me suis trompé dans la réécriture. Je cherche toujours un autre moyen de faire mais je n'ai trouvé que cela un formulaire par ligne...

Citation:

Et pour le form? (pure curiosité)

je voulais savoir pourquoi mon tout premier code jquery ne marchait pas à cause de 'form' (que l'on a remplacé par 'tr'). Ce n'est pas le preventDefault qui bloquait ca...

Citation:

en fait mon form englobe un tr seulement

Pire que tout
tu ne peux pas briser une structure de table en insérant des balises form entre les tr ...

soit ton form est dans le tr
soit ton table est dans le form

et pour les td c'est génant? Ou trouver ce genre de règle?

oui c'est genant de briser une structure
cf les règles du w3c

Donc comment conseille tu de construire ma table?

Personnellement
je te déconseillerais d'utiliser une table pour la mise en forme ...

sinon au pire :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <form> <table> <tr> <td> <input class="quantity"></td> <td> <input class="quantity_print"></td> </tr> <tr> ... </tr> </table> </form>

Merci pour tout ça!!