html/Prototype
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
// 一覧用テンプレート
#topicpath
----
はやりのAJAXライブラリ [[Prototype>http://www.prototypejs...
**ダウンロード [#fa5cc777]
[[Prototype>http://www.prototypejs.org/]] よりprototype.j...
インストールはWEBでアクセス可能な適当なパスに配置して、AJ...
<script type="text/javascript" src="prototype.js"></scri...
と外部スクリプトをロードするだけですね。
**サンプル [#nf0b1eb6]
ボタンにイベントリスナを登録するサンプルです。
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http:...
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index2</title>
<meta http-equiv="Content-Type" content="application/xht...
<script type="text/javascript" src="prototype.js"></scri...
<script type="text/javascript">
<!--
Event.observe(window, 'load', page_loaded, false);
function page_loaded(){
Event.observe("hogeButton", "click", item_clicked, fal...
}
function item_clicked(evt) {
var child = Event.element(evt);
alert('The child node with id=' + child.id + ' was c...
Event.stop(evt); //avoid another call related to 'pa...
}
-->
</script>
</head>
<body>
<form>
<p><input type="button" id="hogeButton" value="Click1"/>...
</form>
</body>
</html>
こんな感じで、ボタンにイベントリスナを登録することができ...
ボタンをクリックしたときになんか処理させるだけだったら普...
***コンテンツ一覧 [#b387555d]
#ls2
***関連リンク [#a0e7d8bd]
-[[Prototype JavaScript framework: Easy Ajax and DOM mani...
-[[Japan.internet.com デベロッパー - PrototypeでAJAX開発...
-[[prototype.js v1.5.0 の使い方>http://www.imgsrc.co.jp/~...
-[[[ThinkIT] 第1回:Prototype.jsを使う準備 (2/2)>http://w...
-[[クロスブラウザを制する Part 1 クロスブラウザとは - [...
-[[WEBデザイン&AJAX JavaScriptのTIPSやDOMなどのカテゴリ>h...
----
SIZE(10){[[FrontPage]]}~
SIZE(10){現在のアクセス:&counter;}
終了行:
// 一覧用テンプレート
#topicpath
----
はやりのAJAXライブラリ [[Prototype>http://www.prototypejs...
**ダウンロード [#fa5cc777]
[[Prototype>http://www.prototypejs.org/]] よりprototype.j...
インストールはWEBでアクセス可能な適当なパスに配置して、AJ...
<script type="text/javascript" src="prototype.js"></scri...
と外部スクリプトをロードするだけですね。
**サンプル [#nf0b1eb6]
ボタンにイベントリスナを登録するサンプルです。
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http:...
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index2</title>
<meta http-equiv="Content-Type" content="application/xht...
<script type="text/javascript" src="prototype.js"></scri...
<script type="text/javascript">
<!--
Event.observe(window, 'load', page_loaded, false);
function page_loaded(){
Event.observe("hogeButton", "click", item_clicked, fal...
}
function item_clicked(evt) {
var child = Event.element(evt);
alert('The child node with id=' + child.id + ' was c...
Event.stop(evt); //avoid another call related to 'pa...
}
-->
</script>
</head>
<body>
<form>
<p><input type="button" id="hogeButton" value="Click1"/>...
</form>
</body>
</html>
こんな感じで、ボタンにイベントリスナを登録することができ...
ボタンをクリックしたときになんか処理させるだけだったら普...
***コンテンツ一覧 [#b387555d]
#ls2
***関連リンク [#a0e7d8bd]
-[[Prototype JavaScript framework: Easy Ajax and DOM mani...
-[[Japan.internet.com デベロッパー - PrototypeでAJAX開発...
-[[prototype.js v1.5.0 の使い方>http://www.imgsrc.co.jp/~...
-[[[ThinkIT] 第1回:Prototype.jsを使う準備 (2/2)>http://w...
-[[クロスブラウザを制する Part 1 クロスブラウザとは - [...
-[[WEBデザイン&AJAX JavaScriptのTIPSやDOMなどのカテゴリ>h...
----
SIZE(10){[[FrontPage]]}~
SIZE(10){現在のアクセス:&counter;}
ページ名: