Changeset 90517 in spip-zone


Ignore:
Timestamp:
Jun 25, 2015, 3:33:38 PM (4 years ago)
Author:
cedric@…
Message:

Quand on affiche le formulaire panier sur la page panier, il y a toute les chances que la page ait aussi un gros bouton "Passer la commande", et peut etre un bouton/lien de retour. Avec le bouton recalculer ca fait beaucoup de charge mentale pour le visiteur qui ne sait plus quoi faire.
On simplifie la comprehension de la page en masquant le bouton recalculer tant qu'il ne fait pas focus ou keypress ou change sur un input quantite.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/paniers/trunk/formulaires/panier.html

    r90510 r90517  
    2525                                                <td class="prix_unitaire">[(#GET{prix_unitaire}|prix_formater)]</td>
    2626                                                <td class="quantite">
    27                                                         <input type="text" class="text" size="3" name="quantites[#OBJET][#ID_OBJET]" value="[(#ENV{quantites}|table_valeur{#OBJET}|table_valeur{#ID_OBJET}|sinon{#QUANTITE})]" />
     27                                                        <input type="text" class="text quantite" size="3" name="quantites[#OBJET][#ID_OBJET]" value="[(#ENV{quantites}|table_valeur{#OBJET}|table_valeur{#ID_OBJET}|sinon{#QUANTITE})]" />
    2828                                                </td>
    2929                                                <td class="montant">[(#GET{prix_unitaire}|mult{#QUANTITE}|prix_formater)]</td>
     
    4949                        <p class="boutons">
    5050                                <span class="image_loading">&nbsp;</span>
    51                                 <input type="submit" class="submit" value="<:paniers:panier_recalculer:>" />
     51                                <button class="submit recalcul" type="submit" name="recalcul" value="1"><:paniers:panier_recalculer:></button>
    5252                        </p>
    5353                </div>
     
    5757        <//B_contenu_panier>
    5858</div>
     59<script type="application/javascript">
     60jQuery(function(){
     61        jQuery('.formulaire_panier .submit.recalcul').css('visibility','hidden');
     62        jQuery('.formulaire_panier').on('keypress change focus','input.quantite',function(){jQuery(this).closest('.formulaire_panier').find('.submit.recalcul').css('visibility','visible')});
     63});
     64</script>
Note: See TracChangeset for help on using the changeset viewer.