MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-08-21, 23:49

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 2 篇文章 ] 
發表人 內容
文章發表於 : 2006-03-09, 20:19 
小弟目前再寫一個上傳的頁面,希望能夠再使用者選擇一個檔案後,會多出一個新的選擇的input表單,
目前這個程式只能在FX1.5及Opera8.52上面使用,IE只會新增一次的表單,
而且IE6無法使用刪除按鈕,因為IE6沒有DOM檢視器之類的東西,也沒有出現JS的錯誤,導致小弟不知道如何除錯,
請各位大大幫忙一下,謝謝

代碼:
<div>
   <script type="text/javascript">
   <!---
   n=1;
   function new_upload(){
      text=document.createElement("input");
      text.type="file";
      text.size="40";
      text.setAttribute('onChange','new_upload()');
      text.name="upload[]";
      document.getElementById("upload_div").appendChild(text);
      //建立刪除按鈕
      text=document.createElement("input");
      text.type="button";
      text.value="刪除";
      text.id="del"+n;
      text.name="del_button";
      n++;
      text.setAttribute('onClick','del_upload(this.id)');
      document.getElementById("upload_div").appendChild(text);
   }
   function del_upload(del){
      alert(del);
      upload=document.getElementsByName("upload[]");
      del_button=document.getElementsByName("del_button");
      for(m=0;m<del_button.length;m++){
         if((del_button[m].id)==del){
            del_num=m;
         }
      }
      document.getElementById("upload_div").removeChild(upload[del_num+1]);
      document.getElementById("upload_div").removeChild(del_button[del_num]);
   }
   -->
   </script>
<noscript>
您的瀏覽器不支援(或關閉)JavaScript,一次只能上傳一個檔案。<br/>如果您想一次上傳多個檔案,請打開JavaScript支援,或使用<a href="http://www.moztw.org" target="_blank">Firefox</a>瀏覽器
</noscript>
<form enctype="multipart/form-data" action="?page=./elib/upload.php" method="post">
<div id="upload_div">
<input type="file" name="upload[]" onChange="new_upload()" size="40"/><br/>
<input type="hidden"name="chk" value="ok"/>
</div>
<input type="submit" value="上  傳"/>
</form>
</div>


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
  
引用回覆  
 文章主題 :
文章發表於 : 2006-03-10, 00:13 
自己回貼,以下JS可以在IE上使用了
代碼:
<script type="text/javascript">
   <!---
   n=1;
   function new_upload(){
      text=document.createElement("input");
      text.type="file";
      text.size="40";
      text.setAttribute('onchange','new_upload()');//For Firefox Opera
      text.onchange = function(){//For IE
         new_upload();
      };
      text.name="upload[]";
      document.getElementById("upload_div").appendChild(text);
      //建立刪除按鈕
      text=document.createElement("input");
      text.type="button";
      text.value="刪除";
      text.id="del"+n;
      text.name="del_button";
      n++;
      text.setAttribute('onclick','del_upload(this.id)');//For Firefox Opera
      if ((document.all)&&(document.getElementById)){//For IE
         text["onclick"]=new Function("del_upload(this.id)");
      }
      document.getElementById("upload_div").appendChild(text);
   }
   function del_upload(del){
      upload=document.getElementsByName("upload[]");
      if(upload.length==1){//For IE
         tmp=document.getElementsByTagName('input');
         tmp_n=0;
         tmp_ary=new Array();
         for(n=0;n<tmp.length;n++){
            if(tmp[n].name=="upload[]"){
               tmp_ary[tmp_n]=tmp[n];
               tmp_n++;
            }
         }
         upload=tmp_ary;
      }
      del_button=document.getElementsByName("del_button");
      if(del_button.length==0){//For IE
         tmp=document.getElementsByTagName('input');
         tmp_n=0;
         tmp_ary=new Array();
         for(n=0;n<tmp.length;n++){
            if(tmp[n].name=="del_button"){
               tmp_ary[tmp_n]=tmp[n];
               tmp_n++;
            }
         }
         del_button=tmp_ary;
      }
      for(m=0;m<del_button.length;m++){
         if((del_button[m].id)==del){
            del_num=m;
         }
      }
      document.getElementById("upload_div").removeChild(upload[(del_num+1)]);
      document.getElementById("upload_div").removeChild(del_button[del_num]);
   }
   -->
   </script>


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 2 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 10 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群