Codice per chiedere si/nessuna domanda in javascript


17

Ho trovato solo la funzioneche fornisce i pulsanti OK/Annulla. C'è un modo per dare pulsanti Sì/No?

6

Javascript offre 3 caselle modali. Prompt, conferma e avviso. Nessuno di quelli soddisfa la tua richiesta.

Ci sono una miriade di soluzioni popup modali js. Ecco un esempio.


2

No.

Invece si potrebbe usare un pop-up del browser in modale.


1

No, ma ci sono librerie JavaScript in grado di realizzare questo per voi. Ad esempio, Ext JS può essere utilizzato per creare un message box dialog.


2

Come chiunque altro sopra dice, sei bloccato con OK/Annulla utilizzando confirm().

Mi piacerebbe raccomandare questo plugin jQuery però: jqModal. L'ho usato su 3 progetti recenti e ha funzionato alla grande per ognuno. Esaminare in modo specifico questo esempio:

6). DIVERTIMENTO! Sostituzioni - a. vista (avviso), b. visualizza (conferma) Ora è il momento di mostrare un uso reale per jqModal - sovrascrivendo l'avviso standard() e le finestre di dialogo di conferma ! Nota; a causa della natura single-threaded di di javascript, , la funzione confirm() deve essere passata a una richiamata - NON restituisce true/false.


0

Sono un fan di jQuery UI Dialog per questo genere di cose. Ecco un esempio ...

<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> 

0

Usa finestra di dialogo per visualizzare sì o no

  <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> 

1

userei sweetalert https://sweetalert.js.org/guides/ per realizzare qualcosa di simile

swal("Are you sure you want to do this?", { 
 
    buttons: ["yes", "no"], 
 
});
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>