une Code pour demander oui/non question en javascript




récupérer le contenu d'une div en javascript (6)

Comme tout le monde dit ci-dessus, vous êtes coincé avec OK / Annuler en utilisant confirm() .

Je voudrais recommander ce plugin jQuery : jqModal . Je l'ai utilisé sur 3 projets récents et ça a marché très bien pour chacun d'entre eux. Plus précisément, consultez cet exemple:

6). AMUSEMENT! Remplacements - a. vue (alerte), b. view (confirm) Il est maintenant temps de montrer une utilisation réelle de jqModal - en remplaçant l'alerte standard () et de confirmer les dialogues! Remarque; En raison de la nature à thread unique de javascript, la fonction confirm () doit recevoir un callback - elle ne renvoie PAS true / false.

Je n'ai pu trouver que la fonction confirm() qui donne les boutons OK / Annuler. Est-il possible de donner des boutons Oui / Non?


Non, mais il existe des bibliothèques JavaScript qui peuvent accomplir cela pour vous. Juste à titre d'exemple, Ext JS peut être utilisé pour créer une boîte de dialogue .


Utilisez la boîte de dialogue pour afficher oui ou non

           <div id="dialog_box" class="mnk-modal-bg" style="display:none">
              <div id="dbg" class="mnk-modal-box">
                <i class="uk-icon-exclamation-triangle"  style="color:#757575; padding-right:5px;">
                </i>Confirm?
                <div class="uk-text-center" style="margin-top:10px;">
                    <button class="md-btn md-btn-small md-btn-primary" id="ok_btn">
                        <i class="uk-icon-save" style="padding-right:3px;"></i>OK
                    </button>
                    <button class="md-btn md-btn-small md-btn-danger" id="close_btn">
                        <i class="uk-icon-remove" style="padding-right:3px;"></i>Cancel
                    </button>
                </div>
            </div>

<script>
    $("#ok_btn").click(function(){
        alert("OK");
        $("#dialog_box").hide();
    });
    $("#close_btn").click(function(){
       alert("CANCEL");
       $("#dialog_box").hide();
    });
</script>

Javascript offre 3 boîtes modales. Invite, confirme et alerte. Aucun de ceux satisfont votre demande.

Il existe une pléthore de solutions contextuelles js modales. Voici un exemple.


Non.

Au lieu de cela, vous pouvez utiliser une fenêtre contextuelle modale dans le navigateur.


Je suis un fan de jQuery UI Dialog pour ce genre de chose. Voici un exemple ...

<script>
  $(function() {
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height:140,
      modal: true,
      buttons: {
        "Yes": function() {
          $( this ).dialog( "close" );
          alert("You chose Yes!");
        },
        "No": function() {
          $( this ).dialog( "close" );
          alert("You chose No!");
        }
      }
    });
  });
  </script>

<div id="dialog-confirm" title="Are you sure you want to continue?">
  <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>






javascript