追風箏的小孩 » 網頁 http://m955.com/wp Thu, 03 Nov 2011 14:47:32 +0000 http://wordpress.org/?v=2.8 en hourly 1 使用JavaScript驗證身份證號碼及其原理 http://m955.com/wp/archives/103 http://m955.com/wp/archives/103#comments Sat, 05 Apr 2008 17:57:17 +0000 blue955 http://m955.com/wp/?p=103 使用JavaScript驗證身份證號碼及其原理
文∕趙英傑

電子商務或者一般的會員註冊網站，經常需要使用身份證號碼驗證程式。身份證號碼有一定的組成規則，以台灣地區為例，首碼一定是英文字母，後面跟著代表性別的數字1或2，然後再銜接8個數字。A123456789是一個合格的身份證號碼，驗證原理如下圖所示：

底下是驗證此號碼是否合格的計算公式：

根據上圖的說明，我們可以用JavaScript的正規表達式（Regular Expression），加上簡易的字串與數學運算式，寫出如下的驗證函數：

PLAIN TEXT
JAVASCRIPT:
  1. function checkID(idStr){
  2.   // 依照字母的編號排列，存入陣列備用。
  3.   var letters = new Array('A', 'B', 'C', 'D',
  4.       'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M',
  5.       'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V',
  6.       'X', 'Y', 'W', 'Z', 'I', 'O');
  7.   // 儲存各個乘數
  8.   var multiply = new Array(1, 9, 8, 7, 6, 5,
  9.                            4, 3, 2, 1);
  10.   var nums = new Array(2);
  11.   var firstChar;
  12.   var firstNum;
  13.   var lastNum;
  14.   var total = 0;
  15.   // 撰寫「正規表達式」。第一個字為英文字母，
  16.   // 第二個字為1或2，後面跟著8個數字，不分大小寫。
  17.   var regExpID=/^[a-z](1|2)\d{8}$/i;
  18.   // 使用「正規表達式」檢驗格式
  19.   if (idStr.search(regExpID)==-1) {
  20.     // 基本格式錯誤
  21.     alert(\"請仔細填寫身份證號碼\");
  22.    return false;
  23.   } else {
  24.     // 取出第一個字元和最後一個數字。
  25.     firstChar = idStr.charAt(0).toUpperCase();
  26.     lastNum = idStr.charAt(9);
  27.   }
  28.   // 找出第一個字母對應的數字，並轉換成兩位數數字。
  29.   for (var i=0; i<26; i++) {
  30.     if (firstChar == letters[i]) {
  31.       firstNum = i + 10;
  32.       nums[0] = Math.floor(firstNum / 10);
  33.       nums[1] = firstNum - (nums[0] * 10);
  34.       break;
  35.     }
  36.   }
  37.   // 執行加總計算
  38.   for(var i=0; i<multiply.length; i++){
  39.     if (i<2) {
  40.       total += nums[i] * multiply[i];
  41.     } else {
  42.       total += parseInt(idStr.charAt(i-1)) *
  43.                multiply[i];
  44.     }
  45.   }
  46.   // 和最後一個數字比對
  47.   if ((10 - (total % 10))!= lastNum) {
  48.     alert(\"身份證號碼寫錯了！\");
  49.     return false;
  50.   }
  51.   return true;
  52. }

文章轉載於：http://swf.com.tw/?p=94

]]> http://m955.com/wp/archives/103/feed 1 FCKeditor 按鈕設定詳細說明 http://m955.com/wp/archives/77 http://m955.com/wp/archives/77#comments Sat, 12 Jan 2008 04:07:30 +0000 blue955 http://m955.com/wp/archives/77 FCKeditor 的安裝你可以參考這一篇：有了 FCKeditor 你也可以用網頁創造自己的部落格

在安裝好了 FCKeditor 之後，預設的功能列把工具全開，令人感到眼花撩亂，而且會有安全性的問題，所以我們可以照著我們的需求來更改按鈕的設定與配置。

  1. 首先我們必須先開啟 FCKeditor 的配置檔 fckconfig.js，位置在 ./FCKeditor 下面就可以找到。
     
  2. 打開 fckconfig.js 之後，找 FCKConfig.ToolbarSets，底下就會有功能按鍵的設定，依照我們的需求增加或刪除。
     
  3. 各參數的中英對照：
參數 說明 參數 說明
Source 原始碼 DocProps 文件屬性
Save 儲存 NewPage 開新檔案
Preview 預覽 Templates 樣板
Cut 剪下 Copy 拷貝
Paste 貼上 PasteText 貼為純文字
PasteWord 從 Word 貼上 Print 列印
SpellCheck 拼字檢查 Undo 復原
Redo 復原 Find 尋找
Replace 取代 SelectAll 全選
RemoveFormat 清除格式 Form 表單
Checkbox 核取方塊 Radio 選項按鈕
TextField 文字區域 Select 下拉選單
Button 按鈕 ImageButton 影像按鈕
HiddenField 隱藏欄位 Bold 粗體
Italic 斜體 Underline 底線
StrikeThrough 刪除線 Subscript 下標字
Superscript 上標字 OrderedList 數字項目符號
UnorderedList 項目符號 Outdent 減少縮排
Indent 增加縮排 Blockquote 區塊引用
JustifyLeft 靠左 JustifyCenter 置中
JustifyRight 靠右 JustifyFull 左右對齊
Link 建立連結 Unlink 移除連結
Anchor 錨點 Image 插入圖片
Flash 插入Flash Table 插入表格
Rule 插入水平線 Smiley 表情符號
SpecialChar 特殊符號 PageBreak 分頁符號
Style 樣式 FontFormat 字體格式
FontName 字型選擇 FontSize 字型大小
TextColor 文字顏色 BGColor 背景顏色
FitWindow 編輯器最大化 ShowBlocks 顯示HTML標籤區塊
About 關於FCKeditor    

]]> http://m955.com/wp/archives/77/feed 1 有了 FCKeditor 你也可以用網頁創造自己的部落格 http://m955.com/wp/archives/76 http://m955.com/wp/archives/76#comments Fri, 11 Jan 2008 15:47:20 +0000 blue955 http://m955.com/wp/archives/76 FCKeditor 是一個強大的線上編輯器，它常常出現在我們的周圍，不過你應該沒發覺到，無名的編輯器就是採用 FCKeditor 系統，包括WP也有 FCKeditor 的編輯器外掛，它免費，可自由散佈，真是感謝作者這麼無私的提供了一套這麼好的軟體來供給我們使用！

如果今天我們心血來潮，想自己創造一個BLOG，那麼編輯器我首推 FCKeditor，其實它可以應用的地方很多，例如討論區的編輯器也可以採用，有很多方向可以思考。

來介紹一下 FCKeditor 的安裝方式吧！很難嗎？放心，安裝 FCKeditor 絕對比安裝 WP 簡單的多！


第一步：
先連到 FCKeditor 的官方網站下載最新的版本，官網也有多詳細的安裝及介紹資訊，如果你看的懂的話，我自己是看不懂，另外這裡有線上的 FCKeditor 展示，可以讓你先試用看看，不過我相信大家都很熟了。

第二步：
把下載回來的 FCKeditor 解壓縮到網站的根目錄下，FCKeditor 支援很多的版本安裝，如 ASP、JAVA、PHP...等，這裡使用的是 PHP 版本來做示範。在網頁中加入底下幾行參數：

PLAIN TEXT
PHP:
  1. <?php
  2. include("FCKeditor/fckeditor.php");
  3. $oFCKeditor = new FCKeditor('FCKeditor1');
  4. $oFCKeditor->BasePath = './FCKeditor/';
  5. $oFCKeditor->Value = '';
  6. $oFCKeditor->Width  = '50%';
  7. $oFCKeditor->Height = '500';
  8. $oFCKeditor->Config['SkinPath'] = 'skins/silver/';
  9. $oFCKeditor->ToolbarSet = 'myBasic';
  10. ?>

然後在你需要放編輯的的地方，通常是 <form> 裡，加入底下參數：

PLAIN TEXT
PHP:
  1. <?php $oFCKeditor->Create(); ?>

這樣就可以了開你的網頁來看看你剛剛做好的 FCKeditor ，沒錯！就是這麼簡單！

一些細部的地方還是需要設定一下！先來說說上面個參數的意義好了！

第一行 include("FCKeditor/fckeditor.php");
這是網頁一開始要嵌入的設定檔，這裡要注意一下路徑及資料夾檔名的問題，請按照你網站實際的情形修改。

第二行 $oFCKeditor = new FCKeditor('FCKeditor1');
這是設定編輯器的文章內容，所要存放的變數空間，等一下才可以用 $_POST['FCKeditor1'] 或 $_GET['FCKeditor1'] 來發送或是存取。

第三行 $oFCKeditor->BasePath = './FCKeditor/';
存放 FCKeditor 資料夾的原始路徑。也是要注意檔名及路徑的問題。

第四行 $oFCKeditor->Value = '';
這是設定編輯器一開始要顯示在編輯區塊的訊息，如果不希望有任何訊息顯示，保持空值即可。

第五、六行 Width、Height
這是設定編輯器的寬跟高。

第七行 $oFCKeditor->Config['SkinPath'] = 'skins/silver/';
這是設定面板佈景，FCKeditor 預設有三個面板可以更換，位置在 ./FCKeditor/editor/skins 裡，有 default、office2003、silver 三個可以選擇。

第八行 $oFCKeditor->ToolbarSet = 'myBasic';
這裡可以選擇按鈕的配置檔，設定檔在 ./FCKeditor/fckconfig.js 裡的 FCKConfig.ToolbarSets，預設有 [Default] [Basic] 可以選擇，不過 Default 的功能全開，會有安全性的疑慮，而 Basic 的功能又太少，所以我們可以在下面自訂一個功能列，然後在網夜裡使用這個指令呼叫。

而下面放在 <form> 這一行 <?php $oFCKeditor->Create(); ?> 是用來呼叫出 FCKeditor 的。

建立修改頁面

PLAIN TEXT
PHP:
  1. <?php
  2. require_once('Connections/fck.php');
  3. include("FCKeditor/fckeditor.php");
  4. $oFCKeditor = new FCKeditor('FCKeditor1')  ;
  5. $oFCKeditor->BasePath = './FCKeditor/';
  6. $oFCKeditor->Value = $row_Recordset1['content'];
  7. $oFCKeditor->Width  = '100%';
  8. $oFCKeditor->Height = '500';
  9. $oFCKeditor->Config['SkinPath'] = 'skins/silver/';
  10. $oFCKeditor->ToolbarSet = 'myBasic';
  11. ?>
  12. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  13. <html>
  14. <head>
  15. <meta http-equiv="Content-Type" content="text/html; charset=big5">
  16. <title>編輯</title>
  17. </head>
  18.  
  19. <body>
  20. <form method="POST" action="<?php echo $editFormAction; ?>" name="edit">
  21. <table width="80%"  border="1" align="center" cellpadding="4" cellspacing="2">
  22.   <tr>
  23.     <td>主題</td>
  24.     <td><input name="subject" type="text" id="subject" value="<?php echo $row_Recordset1['subject']; ?>" size="50"></td>
  25.   </tr>
  26.   <tr>
  27.     <td>時間</td>
  28.     <td><input name="date" type="text" id="date" value="<?php echo $row_Recordset1['date']; ?>"></td>
  29.   </tr>
  30.   <tr>
  31.     <td colspan="2">
  32.       <?php $oFCKeditor->Create(); ?>
  33.       <input name="content" type="hidden" id="content" value="<?php echo $row_Recordset1['content']; ?>"></td>
  34.   </tr>
  35.   <tr>
  36.     <td colspan="2"><input type="submit" name="Submit" value="送出">
  37.       <input name="on" type="hidden" id="on" value="<?php echo $row_Recordset1['on']; ?>"></td>
  38.   </tr>
  39. </table>
  40. <input type="hidden" name="MM_update" value="edit">
  41. </form>
  42. </body>
  43. </html>
  44. <?php
  45. mysql_free_result($Recordset1);
  46. ?>

]]> http://m955.com/wp/archives/76/feed 13 解決 MySQL 4.1 的亂碼問題 http://m955.com/wp/archives/75 http://m955.com/wp/archives/75#comments Wed, 02 Jan 2008 15:23:59 +0000 blue955 http://m955.com/wp/archives/75 我想很多人都會碰到跟我一樣的問題，在從 MySQL 4.0 轉換到 MySQL 4.1 時，所遇到的亂碼問題，這些問題不外忽是 phpMyAdmin 顯示中文沒問題，到了網頁中變亂碼，不然就是 phpMyAdmin 中文亂碼，到了網頁中中文正常。

MySQL 4.1 在 phpMyAdmin 看，多了一個文字校對的東西，這個應該就是罪魁禍首，找了一下 Google 果然同樣的問題很多，當然解決的方法也不下數十種，端看你所使用的套件是啥？

底下這個方法，我試過有效，不過這只針對自行撰寫 PHP 網頁者。

一般我們在寫 PHP 時，會另外寫一個專門處理 MySQL 連線的頁面，然後我們只需要在 mysql_select_db($database_php123); 上面加入：

PLAIN TEXT
PHP:
  1. mysql_query("SET NAMES 'big5'");
  2. mysql_query("SET NAMES 'utf8'");
  3.  
  4. /*選一行即可*/

就可以解決亂碼的問題了。至於 utf-8 或 big5，要看你的網頁編碼是什麼？來決定。

如果是匯入 MySQL 出現亂碼，記得在匯入前，要把文字校對改為 utf8_general_ci，然後在匯入舊的 MySQL 4.0 檔案，照樣在 phpMyAdmin 應該可以正常顯示中文了。

mysql.gif

]]> http://m955.com/wp/archives/75/feed 4