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

相信用過Xoops架站的朋友最怕就是遇到機器人了，每天都來註冊產生一大推的垃圾帳號，刪到手都酸了還刪不完，所想以說在佈景中寫一個js+php+ajax的防機器人驗證機制來阻擋垃圾帳號的建立，解決註冊機器人出亂的問題。 範例網站： http://demoweb.neodw.com/themesdemo/modules/profile/register.php 防機器運作方式是這樣，先由js建立10位數的隨機碼，然後透過js建構一個name='verification'欄位取得隨機碼值，另外再透過ajax吧隨機碼值存入$_SESSION['profile_post']中，當user送出表單時所建構的欄位name='verification'會吧數值post到註冊表單的第二頁，然後php會讀取ajax的$_SESSION['profile_post']數值與post過來的$verification核對，如果數值相符則進行後續的註冊流程，若不相符或是$_SESSION['profile_post']為空值則返回首頁顯示【本站不歡迎機器人註冊】的文字，所以就算機器人使用的瀏覽器沒啟用javascript也一樣無法送出註冊會員表單，在第二頁就會被阻擋，資料不會被寫入資料庫中。 製作註冊表單防機器人方法如下 (請先安裝profile會員管理模組) ： 1、於Xoops佈景根目錄中建立一個js資料夾(佈景最頂層目錄)，然後建立一個anti-robot.js檔，並貼入以下的code /*==========註冊頁面防機器人設置==============*/ /*================產生亂數==================*/ var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','

從我開始設計網站到現在，就知道用CSS的border參數是無法畫出表格斜線的，但隨者CSS的發展到CSS3之後，已經延伸出一種可以畫出像以下範例的表格斜線的方法： 就是使用線性漸變的方法(linear-gradient)來實現，在IE10以上跟Google及火狐都能正常顯示，其實方法也不會很困難，以下為製作表格斜線的範例，大家可以參考看看。 表格結構部分 (看紅字即可) <thead> <tr> <th> <div class="slash"> <div class='slash01'>年級</div> <div class='slash02'>科別</div> </div> </th>   略............. </tr> </thead> css樣式部分  .slash{   position:relative;   width:100px;   height:40px;   box-sizing:border-box;   line-height:120px;   background: linear-gradient( 135deg , transparent 49.5%, #212121 49.5%, transparent 50.5%, transparent 50.5%); } .slash01{ position: absolute; top: -50px; } .slash02{ position: absolute; top: -25px; left: 50px; } 135deg 為傾斜角度，設45deg則為則斜線會左右顛倒， #212121 為斜線的顏色，其他都設為transparent透明即可。 .slash01跟.slash02都設為absolute(浮動)，顯示位置可以按實際需求調整(left and  top)。 這樣至少不用再吧表格畫成圖檔或是用很奇怪的