使用JS去除nowrap標籤解決tad_uploader檔案名稱過長版面被拉破的問題-教學撰寫:徐嘉裕Neil hsu

tad_uploader是一套非常好用的檔案上傳模組，相信用過的朋友都說讚，但目前遇到一個問題，就是如果檔案說明文字太長的時候，版面會被拉到破版!!像下面這樣!!

原因是因在td結構裡面被下了一個nowrap屬性

<td headers="h2" nowrap>

最快的解決方法就是進到php檔或tpl樣板吧nowrap拿掉就好了啊，不用1秒解能解決，幹嘛還要那麼麻煩用js來解決的，這問題問得好，直接修改檔案當然是最快的方法，但必須要考量到日後更新的問題啊，如果客戶升級了tad_uploader模組，樣板都被覆蓋掉，那原本修改就不見了不又變回破版的樣子。

想說用css的white-space:nowrap;屬性來覆蓋nowrap屬性，但也不行，方法都試過了，好吧，最後還是要靠js了，方法如下：


先在引入js檔案的地方引入Xoops模組id變數!

<script>
var $xoopsdirname="<{$xoops_dirname}>";
</script>


然後再js檔案裏面貼上以下的code

//去除nowrap
if($xoopsdirname=='tad_uploader'){ //只有在tad_uploader模組執行
$(document).ready(function(){
$('#sort tr').each(function(index) {
   var $sorttext=$(this).html(); //取得tr中的HTML內容   
   var $sorttextreplace=$sorttext.replace(/nowrap/g,'');//去除nowrap標籤
   $(this).replaceWith($(this).html($sorttextreplace)); //輸出內容
});
});
}

儲存檔案後，再去看一下tad_uploader模組!!破版的問題已經解決了





這樣不但能更新模組，又能解決版面的問題，js大神真的好棒棒啊!!

教學撰寫：徐嘉裕 Neil hsu