Discussion :

[boteha]

Bonjour,

Pour un panier, j'ai un formulaire avec des input text afin de saisir les quantités.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<form method="post" action="s.php">
<p><input type="text" name="référence_article sélectionné" value="1" />NOM du machin</p>

Un fois la quantité saisie, il faut cliquer sur un bouton "Recalculer" pour faire la mise à jour.
Certains utilisateurs voudraient que la mise à jour soit automatique quand ils ont saisi la quantité.

Je ne suis pas sûr que ce soit une bonne idée, mais étant nul en javascript je ne sais pas comment faire.

Quel événement détecter ?
Petite phrase magique ?

Merci d'avance.

[NoSmoking]

Bonjour,
sur l'événement onchange de l'input tu appelles la fonction de mise à jour.

[boteha]

Bonjour,

Merci de ta réponse.

Je suis nul en javascript mais j'ai l'impression que ton truc ne vas pas.

Par défaut, la valeur est 1.
Si l'utilisateur veut taper 100, onchange ne va-t-il pas s'appliquer dès 10 ?

Je n'ai pas de script à appeler.
Il faut juste faire comme si le bouton "Recalculer" avait été cliqué, sachant qu'il existe un autre bouton "Valider" sur le même formulaire.

[NoSmoking]

Par défaut, la valeur est 1.
Si l'utilisateur veut taper 100, onchange ne va-t-il pas s'appliquer dès 10 ?

il suffit de faire des essais pour ce rendre compte.

Ton bouton Recalcul à bien une action sur son événement onclick du style onclick="Recalcul();", c'est cela qu'il faut mettre sur l'événement onchange de ton input.

[boteha]

Re-bonjour,

Il n'y a aucun code javascript dans le bouton "Recalculer".

C'est un formulaire html qui envoie à un script PHP.

[ekremyilmaz]

En utilisant l'ajax....
Par ex, sur l'évènement onblur de ton champ input text.. Tu appel une méthode javascript qui lui fait un traitement ajax...

Actuellement je suis sur un projet où j'ai développé une IHM avec une gestion de colis contenant des articles. Donc j'avais des boutons "ajouter" et "retirer" qui chacun faisait appel à des méthodes ajax.

Donc là pour ton cas, tu peux à mon avis, utiliser l'évènement onblur, c'est à dire qu'à chaque fois que l'utilisateur sort du champ, donc forcement quand il va cliquer...tu fais appel à une méthode ajax qui met à jour ton panier...