跳到主要內容

發表文章

目前顯示的是 8月, 2019的文章

Bootstrap3瀑布流排版用JS套件-Masonry-教學撰寫:徐嘉裕Neil hsu

Bootstrap3是一個非常好用的排版線格線統,但如果區塊高度不一致(長短腳)是無法排出瀑布流料果的,會變成下面這樣內容空缺一塊。 解決方法就是使用【Masonry】瀑布流套件整合Bootstrap3版框,問題就能解決。 1、先在頁腳加上以下JS代碼 <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script> <script> $(function(){ $('.masonry').masonry({ itemSelector: '.item' }); }); </script> 2、在Bootstrap的class增加 紅字 的masonry樣式 <div id='videocenterbox'> <div class="row masonry "> <{foreach item=neilvideoshowbox from=$videoshow.neilvideoshowbox}> <div class="col-sm-6 col-md-4 item "> <div class="thumbnail"> 內容內容內容內容內容內容內容 </div> </div> <{/foreach}> </div> </div> masonry加在 row後面 item 加在 col-md-4後面 這樣就OK了,來看一下效果! 長短腳都能填滿版面形成瀑布流排版,Masonry套件好用的地方是能夠完全整合Bootstrap3框架,不用再另外寫一推CSS了,大推~讚~!! 2020/1/13補充 Masonry瀑布流套件如遇圖片太多未全部讀取完成,則區塊會有相疊的情況,解決方法就是在原本Masonry的JS執行區下方再加上imagesLoaded套件即可解決! <script sr...

寫一個Xoops判斷模組分類群組管理權的function-工作心得撰寫:徐嘉裕Neil hsu

最近在開發新模組需要用到在每個分類定義可管理的會員群組,然後被指定的分類群組的會員就能在新增內容(包括管理),寫了一個分類群組管理權的function可重複使用,說明如下: 模組需要在分類能定義管理的群組像是這樣!! 所以資料表會有每個分類跟該分類儲存的可管理群組id 寫一個function以後全部模組都能使用,可加快模組開發流程,code如下。 在模組的function.php中加上以下程式 //引入共用函數 include_once XOOPS_ROOT_PATH."/modules/neillibrary/function.php"; //群組權限判斷 function grouppermission($dbneme="",$where="",$var="",$type=""){ global $xoopsUser,$isAdmin; if($isAdmin==false && !empty($type)){ $groupsArr=databasetablewhile($dbneme,$where); foreach($groupsArr as $key=> $val){ $admingroup[$key]=phpconversion($conversion=$groupsArr[$key][$var],$type="unserialize"); if(!empty($xoopsUser)){ //會員 foreach($xoopsUser->getGroups() as $i){ if(in_array("$i",$admingroup[$key])){ $group=true; } } }else{ //訪客 if(in_array("3",$admingroup[$key])){ $group=true; } } } }else{ $group=true; } return $group; } 然後在模組頁面的php檔中呼叫function並給予判斷,如果回傳直...

PHP隨機陣列取值方法-教學撰寫:徐嘉裕Neil hsu

我發現其實用rand()函數也能做到陣列隨機取值,而且還滿好用的,方法如下: $Arr = array(); //建構陣列 $Arr['0']="AAA"; $Arr['1']="BBB"; $Arr['2']="CCC"; 所以共有三個陣列,KEY值為0~2 echo $Arr[ rand(0,2) ];   //這樣就能隨機取得陣列KEY值0到2的陣列內容,rand(0,2)左邊參數是起始值,右邊的參數是隨機總量值,所以設成0,2即可 有需要的朋友參考看看!! 教學撰寫: 徐嘉裕 Neil hsu