Jquery JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Jquery
  4. Modal confirmation




  jQuery UI Dialog - Modal confirmation
  
  
  
  
  
  
  
  
  
  $(function() {
    $("#dialog").dialog({
      bgiframe: true,
      resizable: false,
      height:140,
      modal: true,
      overlay: {
        backgroundColor: '#000',
        opacity: 0.5
      },
      buttons: {
        'Delete all items in recycle bin': function() {
          $(this).dialog('close');
        },
        Cancel: function() {
          $(this).dialog('close');
        }
      }
    });
  });
  




  

These items will be permanently deleted and cannot be recovered. Are you sure?





  

Sed vel diam id libero rutrum convallis. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.


  

    
    checkbox
    radio
    
    
  



Confirm an action that may be destructive or important.  Set the modal option to true, and specify primary and secondary user actions with the buttons option.