Archive for 資訊科技

jQuery 實用入門(二)表單篇

網頁 Form 表單可以有很多 Javascript 應用,比如說表單驗證、聚焦提示、防錯誤措施等等,而這些功能通常可以經由 jQuery 簡化程式寫法,以下就是本期案例。

案例觀看範例

頁面讀取完成即聚焦於第一個表單元件,並加入聚焦提示。送出時驗證是否都有填寫資料,若無則浮現提示文字,表單送出後將 submit 按鈕停用。

※這個案例使用了 jQuery 的語法串接特色,將多個函式串接為一行,大大節省程式行數。

繼續閱讀jQuery 實用入門(二)表單篇…

jQuery 實用入門(一)

什麼是 jQuery?

jQuery 是一個快速又簡潔的 JavaScript 程式庫,簡化了讓你在 HTML 文件裡面尋找 DOM物件、處理事件、製作動畫和處理 Ajax 互動的過程,簡單地來說,jQuery 是一套足以改變傳統撰寫 JavaScript 的超酷函式庫方式。

雖然如此簡單,不過對於剛接觸的人要立即入門應用還是會有些摸不著頭緒,而網路上眾多範例都是屬於進階、甚至高階技巧,所以我會盡量將這陣子接觸到並實際應用於專案內的實用案例寫成一系列文章,而第一篇就鎖定在網頁元素的操作,希望對於入門者有所幫助。

剛開始的準備

當然就是下載最新版本的 jQuery 並引入網頁的 head 區段,並準備好方便編輯 HTML 源碼的編輯器,我推薦 PSPad,一套支援中文、FTP 編輯以及高亮度語法的免費文書編輯程式。

  1. <head>
  2. <script type="text/javascript" src="jquery.js"></script>
  3. </head>

PsPad

基礎:網頁元素控制

我合作過不少網頁設計師,對於網頁通常都是慣用 Adobe Dreamweaver 來規劃設計,所以對於 HTML 原始碼通常都一知半解,但是要活用 jQuery 就必須了解這些標籤元素和屬性的基本作用。

舉個最常在 DW 源碼內出現的 id 屬性,多數使用 DW 的設計師都不清楚這個 id 有什麼用途?簡單來說,id 就是所謂的 identity(識別)也就是該元素的唯一識別名稱,單一網頁的一個 id 只能出現一次,為的就是方便使用 DOM 的方式來控制這些元素。
繼續閱讀jQuery 實用入門(一)…

L1J in Linux

看到不少人在 Linux 上架設 L1JI 出現問題,就來稍微說明安裝的流程。

安裝前注意事項:

  • 是否已安裝 Java Standard Edition(Java SE)JDK for Linux 並正常運作?
  • MySQL 是否正常運作?
  • 所取得的 L1J 是否有包含 c3p0-0.9.1.1.jar, mysql-connector-java-5.1.5-bin.jar, javolution.jar?

上述條件都確認過後,接著就是將 sql 批次執行檔匯入 MySQL,然後就是執行下列指令啟動伺服器:

  1. java -Xms512m -Xmx512m -cp l1jserver.jar:lib/c3p0-0.9.1.1.jar:lib/mysql-connector-java-5.1.5-bin.jar:lib/javolution.jar l1j.server.Server &

如果上述三個 jar 檔都不是位於 lib 內也無所謂,只要替換成正確路徑即可,而最後的「&」用意是讓 L1J 採用背景執行。

執行過程中如果有發生 java 錯誤,必須仔細檢視錯誤訊息,通常都能找出問題。我在安裝時最常遇到就是 lib 資料夾內的檔案缺少以及 L1J 版本和所匯入的 sql 不符,而這些錯誤通常只要查看錯誤訊息都能略知一二。

若是發生外部無法連入的情況,可能要檢查一下是否有安裝 iptables 把所使用的 port 2000 擋了下來。

參考資料:


這是個有點危險的主題…XD

我迷上魔術筆了

Magic Pen
Magic Pen - Free Life & Style Game from AddictingGames

這是個概念和 Crayon Physics Deluxe 類似的益智遊戲,只要用滑鼠左鍵在場景中畫出各式各樣形狀的物件,讓這些畫出來的物件碰撞紅色圈圈使它移動到紅色旗子的地方就可以過關。

操作方式:

  • A key for eraser(擦掉/取消已形成的物體)
  • S key for pin(製造釘點,以固定物體)
  • D key for hinge(轉軸)
  • Q for menu(選單)

卡關救星:

Crayon Physics Deluxe 是一款還在開發的 PC Game,如果真的發行,我一定會買一套回來沈迷的!

Technorati Tags: ,

WordPress 2.6 upgrade

WordPress

WordPress › Blog » WordPress 2.6

WordPress 昨天釋出 v2.6,比預定的八月份提早了一個月。

這次加入並更新了一些功能以及修正為數眾多的臭蟲,按照懶人風格,一樣採用暴力升級法一次過關!

另外,這次的更新也整合了 Google Gears,並將 Themes 使用到的 js、css 和圖檔都暫存到本地電腦來達成加速效果。

v2.6 更新列表:

  • 字數統計功能(僅英文)
  • 自訂圖片標題
  • Plugins 列表將啟用及未啟用的項目分開
  • 所見即所得的圖片管理方式
  • 圖片庫可拖曳排序
  • Plugins 更新泡泡提示
  • 可自訂的個人肖像,支援多個肖像網站
  • 全螢幕模式下可上傳新的多媒體檔案
  • 經由 XML-RPC 及 APP 的遠端發佈功能預設為關閉
  • 完整支援 SSL 加密協定
  • 修正擁有上千個分頁及分類時的顯示錯誤
  • 可將 wp-config 檔案以及 wp-content 目錄移到自訂位置
  • Checkbox 複選方塊可支援 SHIFT 鍵多選功能
  • 上傳檔案時可選用 Flash 或傳統介面
  • 安全性更為增強的修正,包含了 Cookie 和資料庫
  • 更新 TinyMCE、jQuery 及 jQuery UI 的版本
  • 修正將近 194 個臭蟲

Technorati Tags:

Pages: 1 2 3 4 5 6 Next

Powered by WordPress with GimpStyle Theme design by Horacio Bella.
Entries and comments feeds. Valid XHTML and CSS.