之前為了做這AutoComplete效果找了好多資料，不過大都是jQuery的，當然不是不好用，只是在一個頁面載入prototype跟jQeruy就會有些衝突的問題要解決。

效果大概會像下面這樣子

詳細文章

這裡介紹幾個Accordion特效

1. jquery版本

網址

裡面有很詳細的說明及修改方法，很順暢，不過css有點小多，比較不好改

2. prototype 版本 詳細文章

一般在寫Ajax時，最直覺的使用方法就是利用Ajax Object來要求Server給與回應，

再依回應的內容解西倒底是完成動作？還是有錯誤產生，如必填欄位未填。

這裡介紹一個小技巧，在編譯式的網頁伺服器語言可能比較合適使用。

大概的原理是利用程式在執行有錯誤時Throw Exception來當做錯誤訊息，

回傳給client，而client只要接收到503的錯誤，則就可以知道動作並未完成，

反之則是完成。

範例使用prototype來使用Ajax，傳送及回應，有需要可以參考：

Ajax 使用prototype.js 1

以下是載行結果，當有填值時，則回應填寫的值，

沒填值的時候就回傳錯誤訊息。（Exception）

詳細文章

登入的遮罩因為Ajax的發達而越來越多，不過每個browser所支援的方式都不太一樣

尤其是IE最搞怪，IE6 IE7 IE8都加減有點不支援或特別點，所以在實作javascript上也變的很麻煩

這裡有些網站做的範例有興趣的可以研究看看

iPeen 在內頁的登入畫面可以看到

funp 右上角就有登入

哇客滿 在最底層的商家，推薦書籤

詳細文章

JQuery 官網

http://jquery.com/

thickbox 官網

http://jquery.com/demo/thickbox/

prototype 官網

http://www.prototypejs.org/

很習慣使用prototype.js 不過有又需要用到jQuery UI 特效，

其實官方網站已經有把解決方式說明了，主要的衝突點在$ 這一個function，二個套件都有實作

詳細文章