徐嘉裕(Neil Hsu)的工作心得網誌!

使用prop("checked",true)可以指定type='radio'元件的狀態為checked，如果我們想用某一個單選按鈕來控制另外一個單遠按鈕的checked狀態可以使用以下方法 例如要切換下方的-> 設置預約發文為【不設置】時 ， 上方的是否啟用內容變為【啟用】 ， 設置預約發文為【設置】時 ， 上方的是否啟用內容變為【不啟用】 ，像下圖這樣： HTML結構 <div class='col-sm-12 col-sm-12Custom'> <label class='col-sm-6'> <span id='helpBlock' class='help-block'>是否啟用內容</span> </label> <div class='col-sm-6'> <label class='radio-inline'> <input class='' type='radio' id='' name='enable' value='0' >不啟用 </label><label class='radio-inline'> <input class='' type='radio' id='' name='enable' checked=checked value='1' >啟用 </label> </div> </div> JS-CODE $("body").on("change", "[name=prior]", function (){ if($(this).val()=='1'){ $("#priortimebox").slideToggle("fast...

Xoops佈景其實可以透過樣板的includeq讀取子樣板傳遞變數，吧11個區塊陣列變數傳到1個樣板檔中執行，可以精簡樣版的使用也方便開發及定義內容樣式，方法如下： 1、先建立一個樣板檔->blockstpl.tpl放到佈景的tpl資料夾裡面 2、在blockstpl.tpl樣板中置如以下的code <div class="<{$site}>box"; <{foreach item=block from=$fromvar}> <aside> <h4 class="block-title"><{$block.title}></h4> <div class="blockcontent"><{$block.content}><div style='clear: both;'></div></div> </aside> <{/foreach}> </div> 3、然後就是佈景的bodytpl.tpl布局，依照設計需求分別引入blockstpl.tpl樣板並傳入$fromvar值 //左區塊 <{includeq file="$theme_name/blockstpl.tpl" fromvar=$xoBlocks.canvas_left  site=left}> //右區塊 <{includeq file="$theme_name/blockstpl.tpl" fromvar=$xoBlocks.canvas_right  site=right}> //中間上區塊 <{includeq file="$theme_name/blockstpl.tpl" fromvar=$xoBlocks.page_topcenter  site=topcenter}> //中間上左區塊 ...

Xoops2.5.11之後提供了一個讓佈景可以引入Xoops內建Bootstrap4的方法，而且很好用，不會跟佈景原本引入的Bootstrap3衝突，方法如下!! 在佈景的根目錄放置theme_autorun.php檔，內容貼上以下code <?php xoops_load('XoopsFormRendererBootstrap4'); XoopsFormRenderer::getInstance()->set(new XoopsFormRendererBootstrap4()); 來看看效果如何?還沒放置theme_autorun.php之前的profile模組->編輯帳號表單頁面是這樣，原生的Xoops表單樣式。 放置theme_autorun.php之後的profile模組->編輯帳號表單頁面是這樣 很明顯欄位都美化很多，而且不會跟Bootstrap3衝突，有需要的朋友參考看看! 工作心得撰寫： 徐嘉裕 Neil hsu

Xoops是使用Smarty樣板引擎產生內容，也就是吧php輸出成Smarty後再由樣版產生頁面，所以會產生樣板暫存檔(caches)，當然Xoops後端也有刪除暫存檔的功能，不過我另外寫了一個刪除暫存檔的function方便使用，分享給大家參考! 1、在模組的function.php中加入以下code //刪除目錄中內容物件(不包含刪除目錄) function filedeletionArr($from="",$exclude="") { if (!file_exists($from)) {return false;} $dir = opendir($from); while (false !== ($file = readdir($dir))) { if ($file == '.' OR $file == '..') {continue;} if (is_dir($from . DIRECTORY_SEPARATOR . $file)) { filedeletionArr($from . DIRECTORY_SEPARATOR . $file); } else { if(empty(in_array($file, $exclude))){ unlink($from . DIRECTORY_SEPARATOR . $file); } } } closedir($dir); return true; } 2、然後再要使用刪除暫存檔的程式中呼叫 filedeletionArr()，例如定時自動刪除程式之類的，貼上以下code到程式中 // $from 暫存檔資料夾路徑 //$exclude 資料夾中不要刪除的檔案用陣列輸入 //清空smarty_cache filedeletionArr($from=XOOPS_VAR_PATH.'/caches/smarty_cache',$exclude=array('index.html')) //清空smarty_compile file...

 如果要做一個像下圖這樣的風車順時鐘一直重複選轉 可以用以下的CSS方法達成： HTML結構 <div id="bottompagerimg"> <div id='windmillbox01'></div> //旋轉風車圖片 <div id='windmillbox02'></div>  //底下支架 </div>   CSS結構 #bottompagerimg {  //物件父層BOX設定 position: absolute; width: 282px; height: 306px; right: 89px; top: -289px; z-index: 20; } #windmillbox01{  //風車設定 position: absolute; top: 0px; width: 276px; height: 276px; background: url(../../img/blocks/shiangan_46.png) no-repeat left top; animation-duration: 3.5s; /*執行時間*/ animation-fill-mode: forwards;    animation-name: windmillbox; animation-timing-function: linear;  /*相同的速度*/ animation-iteration-count: infinite;  /*動畫重複執行*/ z-index: 5; } @keyframes windmillbox {  //風車動畫 0% { transform:rotate(0deg); } 50% { transform:rotate(180deg); } 100% { transform:rotate(360deg); } } #windmillbox02{   //風車支架設定 position: absolute;  width: 20px; height: 120px; bottom...

通常來說如果需要切割字串在後端php用preg_split就能處理好了，所以很少會需要在smarty上做切割字串，不過還是會有特殊情況， 例如在Xoops某個區塊標題輸入  最新消息 - Latest publicnotice 然後需要以 - 為中心切割成兩個字串，就是顯示(最新消息 及  Latest publicnotice) 但Xoops的區塊標題都是輸出成smarty樣版的，也就是<{$block.title}>，要處理還真的很麻煩，如果能在smarty上切割字串問題或許就好解決了!! 上網拜估狗大神發現一個不錯的方法，用explode可以切割smarty字串 <{assign var="blocktitle" value="-"|explode:$block.title}> 要切割字串的標題：最新消息-Latest publicnotice <{$blocktitle[0]}>  顯示：最新消息 <{$blocktitle[1]}>  顯示：Latest publicnotice 這樣問題就解決了，會這樣用是因為手機版介面不需要顯示那麼長的文字，所以吧英文的部份去掉留下中文就好，有需要的朋友參考看看吧!! 工作心的撰寫： 徐嘉裕 neil hsu

之前好像不小心按到什麼使用Edge瀏覽器的設定，之後開啟IE都會強制轉跳到Edge瀏覽器，雖然Edge瀏覽器比較新但我還是習慣用IE阿~找了半天於找到關閉強制轉跳的方法!! 1、開啟Edge瀏覽器->點選右上角的 ... 按鈕->點選齒輪的設定 2、點選預設瀏覽器->在 Microsoft Edge 中以 Internet Explorer 開啟網站->設為【永不】 設定完之後再用IE開啟網頁就不會強制轉跳到Edge，有需要的朋友參考看看! 工作心得轉寫： 徐嘉裕 Neil hsi