Produits Entr'ouvert » Intégrations graphiques Publik

Remplacer les <input type=submit> par des <button>, comme partout ailleurs ? Et comme ça simplement pouvoir poser la classe "disabeld-during-submit" sur le formulaire ?

J'ai donc tenté ce qui suit, mais ça ne marche pas, le bouton n'est pas désactivé et on peut double cliquer :

diff --git a/templates/variants/nanterre/combo/json/rsu-frontoffice-factures.html b/templates/variants/nanterre/combo/json/rsu-frontoffice-factures.html
index cd5b1dd..68349a6 100644
--- a/templates/variants/nanterre/combo/json/rsu-frontoffice-factures.html
+++ b/templates/variants/nanterre/combo/json/rsu-frontoffice-factures.html
@@ -95,7 +95,7 @@

         {% if parameters.paiement_actif %}
         {# Adresse pour paiement : <input type="email" name="email" value="{{ request.user.email }}"/> #}
-        <input type="submit" value="Payer les factures sélectionnées"/ disabled="disabled">
+        <button name="submit" value="Payer les factures sélectionnées" disabled="disabled">Payer les factures sélectionnées</button>
         </form>

         <script>
@@ -108,15 +108,20 @@
             });
             $("span#totalamount").text(sum.toFixed(2).replace('.', ','));
             if (sum > 0.0) {
-              $("input:submit").attr("disabled", null);
+              $("button[name=submit]").attr("disabled", null);
             } else {
-              $("input:submit").attr("disabled", "disabled");
+              $("button[name=submit]").attr("disabled", "disabled");
             }
           });
           $("input#checkall").on('click', function (event) {
             event.preventDefault();
             $("input[name='num_factures']").click();
           });
+          // on évite les double-clic en désactivant le bouton au premier clic
+          $('form').on('submit', function(event) {
+            var $form = $(this);
+            $form.addClass('disabled-during-submit');
+          });
         });
         </script>
         {% endif %}

Il y a une URL ? En-dehors de tout javascript, ça donne quoi comme résultat en mettant la classe sur le <form> ?

Frédéric Péters a écrit :

En-dehors de tout javascript, ça donne quoi comme résultat en mettant la classe sur le <form> ?

Ça fait rien du tout (et je m'interroge intérieurement, comment une class css pourrait désactiver un formulaire, j'ai vraiment du mal avec ces logiques)

<div class="buttons"> autour du bouton. (là-dessus il sera dit que ça ajoute trop de marge au-dessus, div.invoices div.buttons { margin: 0 0 1ex 1ex; } et ça arrangera aussi l'état actuel qui colle le bouton aux bords).