DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> 給fckeditor文本編輯器增加圖片刪除功能
給fckeditor文本編輯器增加圖片刪除功能
編輯:Dreamweaver入門     

  在fckeditoreditorfilemanagerbrowserdefault文件夾中找到frmresourceslist.html文件,修改代碼如下

  oListManager.GetFileRowHtml找到這裡,下面代碼替換原來的代碼

  代碼如下 復制代碼
oListManager.GetFileRowHtml = function(fileName, fileUrl, fileSize) {  
    // Build the link to view the folder.   
    var sLink = '<a href="#" mce_href="#" onclick="OpenFile('' + ProtectPath(fileUrl) + '');return false;">選擇</a>';  
  
    // Get the file icon.   
       var sIcon = oIcons.GetIcon(fileName);  
  
      return '<div class="piclist"><img alt="" src="' + fileUrl + '" src2="images/icons/' + sIcon + '.gif" height="100"         border="0"><p>' + sLink + ' <a href="#" mce_href="#" onclick="deleteFile('' + ProtectPath(fileUrl) + '');" style="color: #FF9933;"     mce_style="color: #FF9933;"> 刪除 </a></p></div>'   
         ; 
}  

  在加個<script type="text/javascript" src="/js/ajaxdel.js"></script>
       ajaxdel.js文件

        代碼如下 
       //******************************** 圖片刪除功能 ******************************************   
       var req;                    //定義變量,用來創建xmlhttprequest對象    
  
       //產生不重復的隨機數   
       var rn = Math.ceil(Math.random() * 1000000);  
       var rnch = rn;  
  
       function rndnum() {  
       while (rn == rnch) rn = Math.ceil(Math.random() * 1000000); 
       rnch = rn;  
       return rn;  
       }  
  
       // 刪除文件,Ajax開始   
       function deleteFile(file) { 
       var url = "/ajaxpic.php?filePath=" + escape(file) + "&UD=" + rndnum();                  //要請求的服務端地址     
       if (window.XMLHttpRequest)                                                         //非IE浏覽器及IE7(7.0及以上版本),用xmlhttprequest對象創建     
       { 
        req = new XMLHttpRequest();  
       }  
      else if (window.ActiveXObject)   //IE(6.0及以下版本)浏覽器用activexobject對象創建,如果用戶浏覽器禁用了ActiveX,可能會失敗.     
      { 
        req = new ActiveXObject("Microsoft.XMLHttp"); 
      } 
     
      if (req)                                                                                    //成功創建xmlhttprequest  
      { 
        req.open("GET", url, true);                                                             //與服務端建立連接(請求方式post或get,地址,true表示異步)     
        req.onreadystatechange = callback;                                                      //指定回調函數     
        req.send(null);                                                                         //發送請求     
      }  
      } 
 
      function callback() {     
      if(req.responseText ==1 )
      {
      alert('刪除成功!');
      Refresh(); 
      }
      else
     {
     alert('刪除失敗!');
        }//刷新一下    
       }  


ajaxpic.php文件 保存成ajaxpic.php

  代碼如下
<?
$root = dirname( __FILE__ );
$filePath = isset( $_GET['filePath'] ) ?$_GET['filePath']:'';
if( unlink( $root.$filePath) )
{
 echo '1';
}
else
{
   echo '0';
}
?>
 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved