prototype真的是不錯的ajax framework，以下為常用的函數
轉自http://btyang.bloghome.cn/posts/107306.html
prototype詳細的用法請按此
|
函數名
|
解釋
|
舉例
|
|
Element.toggle
|
交替隱藏或顯示
|
Element.toggle(‘’div1’’,’’div2’’)
|
|
Element.hide
|
隱藏
|
Element.hide(‘’div1’’,’’div2’’)
|
|
Element.show
|
顯示
|
Element.show(‘’div1’’,’’div2’’)
|
|
Element.remove
|
刪除
|
Element.remove(‘’div1’’,’’div2’’)
|
|
Element.getHeight
|
取得高度
|
Element.getHeight(‘’div1’’)
|
|
Toggle.display
|
和Element.toggle相同
|
Toggle.display(‘’div1’’,’’div2’’)
|
|
Insertion.Before
|
在DIV前插入文字
|
Insertion.Before(‘’div1’’,’’my content’’)
|
|
Insertion.After
|
在DIV後插入文字
|
Insertion.After(‘’div1’’,’’my content’’)
|
|
Insertion.Top
|
在DIV裏最前插入文字
|
Insertion.Top(‘’div1’’,’’this is a text’’)
|
|
Insertion.Bottom
|
在DIV裏最後插入文字
|
Insertion.Bottom(‘’div1’’,’’this is a text’’)
|
|
PeriodicalExecuter
|
以給定頻率調用一段JavaScript
|
PeridicalExecutor(test, 1)”這裏test是Javascript的函數,1是頻率(1秒).
|
|
$
|
取得一個DIV, 相當於getElementById()
|
$(‘’div1’’)
|
|
Field.clear
|
清空一個輸入框
|
Field.clear(‘’textfield1’’)
|
|
Field.focus
|
把 焦點集中在輸入框上
|
Field.focus(‘’select1’’)
|
|
Field.present
|
判斷內容是否為空
|
alert(Field.present(‘’textfield1’’))”
|
|
Field.select
|
選擇輸入框的內容
|
Field.select(‘’textfield1’’)”
|
|
Field.activate
|
把 焦點集中在輸入框上並選擇輸入框的內容
|
Field.activate(‘’textfield1’’)”
|
|
Form.serialize
|
把表格內容轉化成string
|
|
|
Form.getElements
|
取得表格內容為陣列形式
|
|
|
Form.disable
|
disable表格所有內容
|
Form.disable(‘’form1’’) (這個好象不work)
|
|
Form.focusFirstElement
|
把焦點集中在表格第一個元素上
|
Form.focusFirstElement(‘’form1’’)
|
|
Form.reset
|
Reset表格
|
Form.reset(‘’form1’’)
|
|
Form.Element.getValue
|
取得表格輸入框的值
|
Form.Element.getValue(‘’text1’’)
|
|
Form.Element.serialize
|
把表格中輸入框內容轉化成string
|
Form.Element.serialize(‘’text1’’)
|
|
$F
|
等同於Form.Element.getValue()
|
$F(‘’text1’’)
|
|
Effect.Highlight
|
高亮特效.
|
Effect.Highlight(‘’text1’’)
|
|
Effect.Fade
|
褪色特效
|
|
|
Effect.Scale
|
放大縮小(百分比）
|
Effect.Scale(‘’text1’’, 200)
這裏200 = 200%, 即兩倍
|
|
Effect.Squish
|
消失特效．文字縮小後消失
|
Effect.Squish(‘’text1’’)
|
|
Effect.Puff
|
消失特效．文字放大後消失
|
Effect.Puff(‘’text1’’)
|
|
Effect.Appear
|
出現特效
|
|
|
Effect.ContentZoom
|
ZOOM特效．
|
|
|
Ajax.Request
|
傳送Ajax請求給伺服器
|
Ajax.Request(‘’http://server/s.php‘’)
|
|
Ajax.Updater
|
傳送Ajax請求給伺服器並用答復的結果更新指定的Container
|
Ajax.Updater(‘’text1’’,’’http://server/s.php‘’)
|
基本用法:prototype.js給每個主要的類都分了一個Class,使用起來很方便.要產生特定的效果,只要用new Class.function()就可以了.例如:
當點擊Click Me的時候,div2就會交替隱藏或顯示.注意,你可以給toggle加上無限個parameter,比如Element.toggle(‘’div2’’,’’div3’’,’’div4’’,…)
Hello!