7月 06, 2007

prototype常用函數

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)"這裏testJavascript的函數,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!

沒有留言: