[jQuery] 表單取值 radio checkbox select text 驗證表單

最近在專案全面使用 jQuery 來整合後台部份,目前還沒有大量用到 AJAX 的部份,等以後有時間會全部轉換 AJAX 利用 JSON 的部份,其實之前就有寫到一篇用 datatype JSON 的方式來實現 AJAX:[jQuery] AJAX 學習筆記 (一) 如何使用 JSON 驗證使用者表單,大家可以參考看看,不過今天大概寫一下昨天在實做驗證表單取值的一些心得,在設計後台的時候,我把編輯文章跟新增文章的功能做在同一塊,然後利用 jQuery 去改變傳值狀態,利用 hidden 的 mode 欄位來決定是要新增文章還是修改文章

$(document).ready(function() 
{
  $("#add_news_link").click(function(){
    $("#mode").attr("value", "add");
  });
})
[Read More]

[jQuery] Javascript plotting library 畫圖 chart

沒想到 jQuery 可以做到畫圖的功能,Flot 是 Javascript plotting library for jQuery,目前支援瀏覽器:Internet Explorer 6/7/8,Firefox 2.x+,Safari 3.0+,Opera 9.5 和 Konqueror 4.x+,瀏覽器跑起來都還不錯快,唯獨 Internet Explorer 有另外寫一個 excanvas 模擬器,也就是在 IE 上面看還需要 include 另外一個 js 檔案,才可以顯示圖形,我在 google 找到一些也是 PHP Chart 的好用工具,都是國外開發的:Libchart - Simple PHP chart drawing libraryXML/SWF Charts,其實還蠻多的,自己 google 就會出現一堆,不過要上去試試看。 我個人還蠻喜歡 jQuery 的,所以我就推薦 Flot 這一個 jQuery 的 library,在官網上面有很多 example 的介紹,可以去看看這裡。 畫最簡單的圖,還有支援 cos sin 的三角函數喔 $(function () { /* [橫座標,縱座標] Math.sin 支援三角函數 */ var d1 = []; for (var i = 0; i < 14; i += 0.5) d1.push([i, Math.cos(i)]); var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]]; // a null signifies separate line segments var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]]; $.plot($("#placeholder"), [ d1, d2, d3 ]); });[/code] 畫出來的圖如下: flot_01 (by appleboy46)

[Read More]

[轉貼]程式設計師的格言

轉貼自:程式設計師的格言 我覺得有些話真的還蠻中肯的。 程式設計師的格言(盜作不少) 譯自 http://www2.biglobe.ne.jp/~oni_page/other/etc/pr03.html http://mixi.jp/view_community.pl?id=1772737 (版本4 2008/12/16更新) 譯註 SE是日本軟體公司裡程式設計師的頭子。自己不太寫程式,主要工作是跟客戶確認規格。 程式設計師多半自己不面對客戶。 在台灣隨公司不同,比較接近SA或PM。 總之就保留原樣寫SE囉。

[Read More]

[Pear] 利用 Validate 套件驗證 E-mail 多重表單認證

最近都在玩 open source 的程式,方便加速自己開發 PHP 的專案,在申請帳號密碼部份就可以利用 Validate 套件來驗證,以及 email 填寫正確性,可以檢查 MX 或者是 A record 紀錄,還蠻方便的,也可以檢查 multiple 欄位,設計的相當不錯,也有金融相關套件可以驗證 CreditCard,金融套件名稱是 Validate_Finance 裡面的 Validate_Finance_CreditCard 部份,線上也有很多相關說明,可以參考 Validate 線上手冊,目前已經到 0.8.2 (beta),如果使用 Release 版本,請選用 0.8.1,軟體可以在此下載,0.8.2 是在 2009-01-31 Release 出來的,還不錯用,最主要的功能如下

Package to validate various datas. It includes : - numbers (min/max, decimal or not) - email (syntax, domain check, rfc822) - string (predifined type alpha upper and/or lowercase, numeric,…) - date (min, max, rfc822 compliant) - uri (RFC2396) - possibility valid multiple data with a single method call (::multiple)

  1. 驗證各種不同的日期函式
  2. 驗證數字(最小/最大,是否是10進位)
  3. email 驗證(正規語法驗證,check domain name 是否存在,rfc822 驗證)
  4. 字串驗證(正規語法驗證,是否包含數字英文字母,可輸入最長或最短)
  5. url 驗證(遵從 RFC2396 規定)
  6. 多重欄位(multiple data)驗證(可以同時驗證上述功能)
[Read More]

[中正] CN Journal 組刊系統交接

12311 (by appleboy46) 終於到了交接的時候了,時間也過的很快,想當初碩一進來,就被 abay(吳建鴻) 抓進來當組刊的伺服器 maintainer,那當然我也不會辜負大家對我的期望啦,時間已經經過了一年半,我剛好經歷兩屆的組刊編輯團隊,想當初進來的時候,跟著一堆學弟妹開會,那時候擔任網路組伺服器的轉移,可以參考這一篇 網路組 web 服務移機 ,CN-Journal 是創刊在一位學姐身上,組刊好像也沒有訪問過這個學姐,一直傳承下來這個系統,從之前的舊版組刊(純 html 介面),到現在的用 Xoops 這一套 open source 系統,經歷了很多辛苦,這方面就要多感謝 abay(吳建鴻) 找了這套系統,雖然留下很多 bug,在我任內,我把 bug 排除了一些,也許目前還有 bug 存在,不過那已經不是重點了,這一套也可以順利延續下去,我也弄了一套 open source 網路相簿,來放網路組的每年活動照片,這樣以後大家還可以回味,畢竟每次活動下來,都固定只有一些人有照片,弄這套系統目的,可以讓新進學弟妹,可以看看我們學長姐的面貌,以及加速認識學長姐。

[Read More]

[Windows] Appserv 安裝 pear 套件

最近要在 Windows 上面安裝 Apache + MySQL + PHP,我選擇利用懶人包安裝方法:Appserv,目前版本為 AppServ 2.5.10 跟 AppServ 2.6.0,如果您要寫 PHP5 的話,就選擇安裝 AppServ 2.5.10,目前支援到 PHP 5.2.6,不過我上次已經看到 PHP 5.2.9 Released 了,如果想要支援 PHP6,那就選擇 AppServ 2.6.0 這個版本,不過我建議新手可以安裝 AppServ 2.5.10,這個版本比較穩定,安裝好之後,也有支援 phpMyAdmin,底下是 2.5.10 支援的套件:

* Apache 2.2.8 * PHP 5.2.6 * MySQL 5.0.51b * phpMyAdmin-2.10.3 今天要安裝 pear 的套件在 Windows 上面,不過不用緊張,因為 Appserv 已經把 Pear 的模組包進來裡面了,只要執行 .bat 檔,按照視窗,就可以完成安裝了,自己平常有用 Pear 的 HTTP_Upload 多重檔案上傳 Multiple files upload,跟 PEAR - PHP Mail and Mail_Mime 模組,底下就是 Windows 的安裝方法:

[Read More]
PEAR  php 

2009 棒球經典賽:棒壇輸球頻檢討 未見實質改善

看到這次的經典賽,說實在的也點傷心,以往每年都在替中華隊加油,沒有一次這麼慘的,每一次都在檢討,但是不知道政府在棒球這一塊,有沒有在用心經營,在體育方面有沒有在付出,其實在台灣發展體育好像沒有什麼效果,不像美國這麼保護球員的身體狀況,台灣好像就是可以操就好,也沒有在關心照顧球員狀況,這影片是在 ericsk 大大寫的一篇:棒壇輸球頻檢討 未見實質改善

使用 CSS 排版製作網站

國立中正大學--經濟系含國際經濟研究所--第十屆全國實證經濟學論文研討會--首頁_1236772280180 (by appleboy46) 今天下午都在研究網站 CSS 的排版跟製作,在現在 Web 2.0 的時代,很多入口網站全部都改換成 CSS 來排版,取代掉原本的 Table 表格,這算是相當重大的改變,一來對於維護網站會相當方便,二來就是省下很多頻寬資源,大型入口網站:Yahoo痞客幫 首頁全部都利用 CSS Div 的方式下去排版,當然一些基本的 CSS 觀念要有,這樣就很好學習了,CSS 排版觀念:CSS 盒子模式{.nav}、CSS 浮動 (Float),可以參考 CSS 語法教學 這裡,這個網站寫的相當簡單,可以當作入門網站,順手就把之前幫學校做的一個網站:國立中正大學::第十屆全國實證經濟學論文研討會 全部換成 CSS,也通過 無障礙 A+ 程式驗證。

[Read More]

Linux or FreeBSD screen 指令介紹使用

在管理 Linux 或者是 FreeBSD 系統常常用到的指令:screen,一方面如果 pietty 當掉,那您執行的指令升級系統都會繼續在 background 跑,那有時候可能跑的時間很長,這時候當然就要靠 screen 來達成這個目的,當然您也可以用 nohup 的方式來做到此目的,底下就是一些 screen 我常用的一些指令,還蠻方便的 首先如何開啟新的 screen 呢,當然就直接打指令 screen 就可以了,在 FreeBSD 底下開始沒有支援 screen 指令,利用 FreeBSD ports 來安裝

cd /usr/ports/sysutils/screen; make install clean
[Read More]

mydumper 取代 mysqldump 效能

這是我在 gslin 大神 那邊看到的一篇文章:mydumper (取代 mysqldump 的工具)mysqldumper 有平行跟效能方面壓力測試,效果跟時間都壓縮的比 mysqldump 還要快,簡單管理 output 資料,它把 database 每個資料表分別 dump 資料出來寫到檔案,方便觀看檔案資料,不過沒有支援 dump table 的 definitions,所以加速提取 data 寫入到檔案,gslin 大神也把它包進 FreeBSD ports 裡面,在 database/mydumper 這裡。 我想會把這個機制套用到我之前寫的 shell script 裡面:[Linux&FreeBSD] 備份系統資料,MySQL 資料庫,PgSQL 資料庫的自動化 bash shell script 程式,那 mydumper 用法也相當簡單,mydumper –help 就寫的很清楚了,跟 mysqldump 用法差沒多少:

-h, --host               連接到 hostname 伺服器
-u, --user               使用者名稱
-p, --password           使用者密碼
-P, --port               MySQL TCP/IP port 
-B, --database           Database 名稱
-t, --threads            Number of parallel threads
-o, --outputdir          輸出的檔案要存放在哪, 預設 ./export-*/
-c, --compress           gzip 壓縮每個檔案,多花一點時間
-x, --regex              Regular expression for 'db.table' matching
[Read More]