Advertisement
krot

ui dialog confirm

May 17th, 2018
340
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 1.12 KB | None | 0 0
  1.  
  2. $(".confirm").click(function () {
  3.  
  4.  
  5. var href = $(this).attr("href");
  6.  
  7. $("#dialog-confirm").dialog({
  8.    
  9.     autoOpen: true,
  10.     resizable: false,
  11.     height: 150,
  12.     modal: true,
  13.     buttons: {
  14.         "Да": function () {
  15.             $(this).dialog("close");
  16.               window.location = href;
  17.         },
  18.         "Отмена": function () {
  19.             $(this).dialog("close");
  20.         }
  21.     }
  22. });
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.   return false;
  30. });
  31.  
  32. .ui-dialog {
  33.     font-size:12px;
  34.     border-color:red;
  35. }
  36. .ui-dialog-titlebar{
  37.     background:red;
  38.     padding:5px !important;
  39.     color:#fff;    
  40. }
  41. .ui-dialog-buttonset .ui-button:last-child{
  42.     background:green;
  43.     color:#fff;
  44.     border-color:#000;
  45. }
  46. .ui-dialog-buttonset .ui-button:first-child{
  47.     background: #169bcf;
  48.     color:#fff;
  49.     border-color:#000;
  50. }
  51. .ui-widget.ui-widget-content{
  52.     border: 2px solid #ff0606;
  53. }
  54. </style>
  55.  
  56.  
  57. <!-- Confirm box -->
  58. <div id="dialog-confirm" title="Подтвердить удаление">
  59.     <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span> Удалить файл?</p>
  60. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement