2008年01月29日

步驟引導與頁籤結合的資料輸入表單

Tags: jquery web_design ui

結合下一步、上一步, Step by step 的步驟引導方式與頁籤UI (Tab UI),設計使用者的資料輸入表單。

本文使用 jQuery 的 UI library。

Update: 2008/02/22
jQuery UI 1.5 移除了 tabsClick() 方法,將它改為 tabs() 方法的 'select' 功能。
...繼續閱讀

Posted by shirock at 樂多Roodo!17:23回應(0)引用(0)

2008年01月14日

JavaScript in Seriver-side 發展現況, Rhino 和 wxJavaScript

Tags: JavaScript rails webdev

去年6月, Google 員工 Steve Yegge 指出他打算開發一套基於 JavaScript 語言的 'on Rails' 框架,主要選定的工具是以 Java 實作的 JavaScript 引擎, Mozilla Rhino。故計劃定名為 Rhino on Rails。隔月,又有一個使用 Rhino 實作的 Web 應用開發框架 Helma 釋出。這讓我開始注意到 JavaScript 在 server-side 的開發工作。

前幾天又讓我找到一套將 JavaScript 應用於 server-side 的開發工具: wxJavaScript (See also: 《wxJavaScript - 以 JavaScript 開發視窗與 Web 應用程式的工具》)。Rhino, wxJavaScript 再加上 JScript.Net ,顯示 JavaScript 在 server-side 開發工作上的基礎工具已經漸趨成熟,現在就缺少一個殺手級的應用開發框架了。

...繼續閱讀

Posted by shirock at 樂多Roodo!17:56回應(2)引用(0)

wxJavaScript - 以 JavaScript 開發視窗與 Web 應用程式的工具

Tags: JavaScript wxWidgets jscript spidermonkey ecma262 webdev

雖然 Microsoft 的 .Net Framework 就提供了一個 JScript.Net comipler (jsc.exe),透過 JScript.Net 就可以開發 .Net 平台下的視窗與 Web 應用程式。不過知道的人應該不多,而且對 .Net Framework 架構感冒的人也不少。所以在 OpenSource 界中,就有人做了 wxJavaScript ,一樣可以寫視窗與 Web 應用程式。

熟悉 OpenSource 軟體的開發者,在看到 "wx" 這個字首後,應該就會聯想到 wxWidgets 這個老牌的跨平台 GUI 應用軟體開發工具了。 wxJavaScript 正是以 wxWidgets 為核心,並使用 Mozilla SpiderMonkey 為 JavaScript 引擎的 JavaScript 開發工具。

...繼續閱讀

Posted by shirock at 樂多Roodo!12:20回應(0)引用(0)

2008年01月11日

JavaScript 需要類別繼承概念嗎?

Tags: javascript oop 繼承

這2天在找 JavaScript 在 server-side 的軟體開發工作文件時,找到 Peter's Blog,我看完其中的《Transitioning from Java Classes to JavaScript Prototypes》一文之後,很佩服 Peter 這位作者,能夠擺脫過去使用 Java 時的類別繼承思維,認真去研究 JavaScript 的 OO 哲學。

Peter 原本嘗試要在 JaavScript 上實作基於類別繼承(Class-Based Inheritance in JavaScript) 的功能,但隨著他對 JavaScript 的了解日深,他最後放棄初衷,因為:I struggled and struggled but simulating class-based inheritance in JavaScript really doesn't work and makes the code...well...very un-JavaScript-ish.

...繼續閱讀

Posted by shirock at 樂多Roodo!17:37回應(2)引用(0)

2007年08月31日

無效連結偵測器 - Brokenlink detector

利用 Ajax 技術實作的無效連結偵測器。基本上,它是純 JavaScript 實作品,在 IE 和 Firefox 上都測試過。只有一個外部資源不是用 JavaScript 實作的,就是供 XmlHttpRequest 讀取其他網頁內容的 proxy 。

...繼續閱讀

Posted by shirock at 樂多Roodo!2:08回應(0)引用(0)

2007年08月28日

WebFlow UserInterface

流程編輯器。使用 JavaScript 實作的使用者介面,未附伺服端儲存與載入功能源碼。

使用 wz_jsgraphics.js 繪製線條。當時曾試過 SVG ,但效果與瀏覽器相容性皆不理想,所以還是用 wz_jsgraphics.js 。它是以 1px 大小的 div node 為畫素,構成圖形。

...繼續閱讀

Posted by shirock at 樂多Roodo!17:32回應(0)引用(0)

2007年05月24日

關於 Closure 和 Anonymous function 的差別

Tags: 匿名函數 Closure

jaceju 在 Anonymous functions in PHP 說某個 PHP 研討會討論了匿名函數 (anonymous function) 在 PHP 中的需求性。 jaceju 注明 Jim Wilson 說匿名函式和 closure 是完全不一樣的東西,而他自己看不出兩者的差別。

我在寫 JavaScript 時,常常碰到這個問題。用 JavaScript 也比較容易說明兩者的差異。

...繼續閱讀

Posted by shirock at 樂多Roodo!14:35回應(7)引用(0)

2007年05月21日

TWPUG問答: 滑鼠指到某一列,可以出現說明文字

Tags: YUI tooltip

請問滑鼠指到某一列,可以出現說明文字?(TWPUG::JavaScript討論區)

Just HTML. 不需要用到 JavaScript. 任何網頁元件只要具有 title 屬性,當滑鼠停留在其上方時就會出現提示文字(tooltip),顯示 title 所指定的文字內容。See also: HTML 4.01 Specification: The title attribute.

...繼續閱讀

Posted by shirock at 樂多Roodo!15:19回應(1)引用(0)

2007年05月10日

TWPUG問答 - 如何偵測URL資源是否存在, Ajax way

Tags: 偵測URL ajax

Ka-Yue 說: JavaScript have onerror event too.

Good question. PHP 的偵測動作是在 server-side ,它可能增加 Server 不必要的網路負荷。如果改由 JavaScript 進行偵測動作,就可以把偵測動作分派給 client 去做。這是一種 Ajax 的應用。

...繼續閱讀

Posted by shirock at 樂多Roodo!16:36回應(2)引用(0)

2007年05月7日

HTML Label 元件在 M$IE 上運作的狀況

Tags: webdev w3c

jaceju 在《終於用 jQuery 做了一個有趣的服務》中提到: 光是要把 input:radio 隱藏卻要能動作的部份,足足花了我半個多小時 。他說若 Input 元件之 display 樣式設為 none ,或是 visibility 樣式設為 hidden ,表單送出時就會完全忽略它。所以他就把 Radio button 放到 Label 後面用背景遮住。

其實他是碰到了一個 IE 的 bug 。IE 對 Label for 的支援其實有 bug 存在,必須用 Label onclick 修正。

...繼續閱讀

Posted by shirock at 樂多Roodo!15:09回應(0)引用(0)
 [1]  [2]  [3]  [4]  [5]  [最終頁]