使用artDialog做确认取消操作，本教程以删除操作为例，点击按钮，弹出确认取消对话框，点击确认按钮，执行删除操作，点击取消按钮则取消本次操作。

要实现这个操作有2种方法，使用artDialog的iframe扩展来做和不使用iframe扩展。如果使用iframe，则要在页面中载入

 
  
  1. <script src="artDialog/plugins/iframeTools.source.js"></script>  
 
  
index.html中的代码：
 
  
 
  
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>artDialog对话框在PHP下的简单应用-artDialog确认取消对话框的制作代码</title> 
  6. <style> 
  7. body { 
  8.     font-size: 12px; 
  9. } 
  10. </style> 
  11. <script src="jiaocheng.js"></script>  
  12. <script src="artDialog/artDialog.source.js?skin=default"></script>  
  13. <script src="artDialog/plugins/iframeTools.source.js"></script> 
  14. </head> 
  15.  
  16. <body> 
  17. <a href="#" onclick="DelSel()">弹出确认对话框1</a><br/> 
  18. <a href="#" onclick="DelSel2()">弹出确认对话框2</a> 
  19. </body> 
  20. </html> 
 
  
index.php代码：
 
  
 
  
  1. <?php 
  2. $text=$_GET['text']; 
  3. if ($text=='test') 
  4. { 
  5. echo 'chenggong'; 
  6. } 
  7. else 
  8. { 
  9. echo 'shibai'; 
  10. } 
  11. ?> 
 
  
jiaocheng.js中的代码：
 
  
 
  
  1. //使用iframe扩展
  2. function DelSel(){ 
  3.    art.dialog.confirm('你确定要删除这些文件吗？', function () { 
  4.    this.close(); 
  5.    $.ajax({ 
  6.     type: 'get', 
  7.     url: 'index.php?text=test', 
  8.     contentType: 'text/html;charset=utf-8', 
  9.     success: function(data, status) { 
  10.       switch (data) {  
  11.       case 'chenggong': 
  12.         art.dialog.tips('成功删除'); 
  13.         break; 
  14.       default: 
  15.         art.dialog.tips('删除失败'); 
  16.       } 
  17.       return false; 
  18.     } 
  19.   }); 
  20.   return false; 
  21. }, function () { 
  22.     art.dialog.tips('你取消了操作'); 
  23. });  
  24. } 
  25. //不使用iframe扩展方法
  26. function DelSel2(){ 
  27.    art.dialog({ 
  28.     id:'del', 
  29.     content: '你确定要删除这些文件吗？', 
  30.     ok: function () { 
  31.     $.ajax({ 
  32.     type: 'get', 
  33.     url: 'index.php?text=test', 
  34.     contentType: 'text/html;charset=utf-8', 
  35.     success: function(data, status) { 
  36.       switch (data) {  
  37.       case 'chenggong': 
  38.         parent.art.dialog.list['del'].close(); 
  39.         art.dialog({ 
  40.         id: 'testID1', 
  41.         content: '删除成功' 
  42.         }); 
  43.         art.dialog({id: 'testID1'}).time(1); 
  44.         break; 
  45.       default: 
  46.         parent.art.dialog.list['del'].close(); 
  47.         art.dialog({ 
  48.         id: 'testID1', 
  49.         content: '删除失败' 
  50.         }); 
  51.         art.dialog({id: 'testID1'}).time(1); 
  52.       } 
  53.       return false; 
  54.     } 
  55.   }); 
  56.         return false; 
  57.     }, 
  58.     cancelVal: '取消', 
  59.     cancel: true //为true等价于function(){} 
  60. }); 
  61. } 
 
  
具体可以下载附件中的例子来学习。
 
  
附件下载：http://www.sitejs.cn/download/201304/file/16574.rar
 
  
artDialog4.1.7下载地址：http://www.sitejs.cn/sitejs-16571-1.html
 
  
更多PHP教程请访问JS代码站
 
  
本文原地址：http://www.sitejs.cn/sitejs-16574-1.html