Discussion :

[mastercasefr]

Bonjour,

je tente de modifier le module de thierry godin : Module TG POS Enhanced et malheuresement je n'y arrive pas. En fait le problème c'est que je souhaite remplacer la liste déroulante des caissiers dans la caisse par des input radio. Un input radio par caissier.

J'ai donc modifié le fichier XML pour y ajouter les lignes suivantes :

Code :

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

1
2
3
<input type="radio" id="cashiers" name="cashiers" value="Dupond" />
<input type="radio" id="cashiers" name="cashiers" value="Durand" />
<input type="radio" id="cashiers" name="cashiers" value="Jack" />

Et j'ai modifié le fichier JS : tg_pos.js pour y insérer le code suivant :

Code :

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

1
2
3
4
$('#cashiers').click(function(){
                var name = $('input:radio[name=cashiers]:checked').val();
                $('#cashier-select').val(name);
            });

Le code ci-dessus fonctionne mais QUE lorsque je sélectionne le premier input (le caissier dupond donc) et donc pas pour les autres caissiers.

Je ne sais pas pas d'où le problème peut venir. Le truc c'est que normalement la fonction JS que j'ai crée devrait être appelé à chaque fois que je clique sur l'un des input radio, mais ce n'est pas le cas. La fonction est appelé que lorsque je clique sur le premier enregistrement (j'ai ajouté une alerte javascript pour en être certain). J'ai vérifié sur Internet et je ne crois pas avoir fait une erreur.

Comment faire pour résoudre ce problème s'il vous plaît ?

Merci

Salutations.

[mastercasefr]

Finalement, j'ai trouvé la solution à mon problème. J'ai crée un ID unique pour chaque input radio et j'ai ensuite vérifier si mes inputs étaient cliqués en vérifiant le nom de chaque input radio et non l'ID (vu qu'avant il n'était pas unique).

Voici donc mes lignes de code :

Code :

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

1
2
3
<input type="radio" id="cashiers1" name="cashiers" value="Dupond" />
<input type="radio" id="cashiers2" name="cashiers" value="Durant" />
<input type="radio" id="cashiers3" name="cashiers" value="Jack" />

et ensuite dans le fichier tg_pos.js :

Code :

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

1
2
3
4
$('input:radio[name=cashiers]').click(function(){
                var name = $('input:radio[name=cashiers]:checked').val();
                $('#cashier-select').val(name);
            });

Désolé pour le dérangement.

Salutations

PS : je marque le sujet comme résolu.

[N1bus]

Oui, mais là tu as codé "en dur" les radios pour tes caissiers, mais que se passe t'il lorsque tu crées un nouveau caissier? Faut il a chaque fois que tu modifies le XML ???
Il faudrait au moins que tu codes tes radios dynamiquement en fonction des caissiers existants ( dans une boucle), ce serait plus clean

[mastercasefr]

Oui en fait au début j'ai juste fait un premier test avec des boutons radio en statique, il fallait effectivement modifier le fichier XML à chaque ajout/mise à jour/suppression d'un caissier.

Maintenant, j'ai ajouté quelques instructions dans le fichier JS pour automatiquement générer la portion de code HTML et l'insérer directement dans un DIV spécialement créer pour l'occasion.

Voici mes lignes de code :

Code :

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

1
2
3
4
5
for(var a = 1, len2 = cashier_list2.length; a <= len2; a++){
                            var ncontent = self.$('#cashier_list').html();
                            var nnew_option = '<div class="cashier-list">' + cashier_list2[a] + '<br /><input type="radio" id="cashiers' + a + '" name="cashiers" value="' + cashier_list2[a] + '" /></div>\n';
                            self.$('#cashier_list').html(ncontent + nnew_option);
                            }

Code inséré dans le fichier suivant : tg_pos.js (dans le moduile tg_pos_enhanced).

Donc maintenant ça m'insére correctement la liste des caissiers de manière dynamique. Par contre du coup, le script qui fonctionnait plus haut ne semble plus fonctionner maintenant et je trouve ça bizarre. En fait, ça ne préselectionne plus un caissier (toujours le message qui apparaît : You must select a cashier).

Tu vois d'où pourrait venir l'erreur ?

Merci