XMLHttpRequest
PHPの読み出し
XMLファイルの読み込み
JSON形式のファイル読み込み
jQuery Ver1.2.3
まずは利用してみる
クリックイベント処理
マウスオーバー・アウト処理
スタイルシートを扱う
スライドアップ・ダウン
フェードイン・アウト
クリックにより処理をON/OFF
アニメーション処理
配列のループ
trim処理
オブジェクトの位置を取得
jQuery プラグイン
EasyDrag(ドラッグ＆ドロップ)
Prototype Ver1.6.0.2
まずは利用してみる
表示・非表示(show/hide)
イベント追加(observe)
クラス作成
eachでループ処理
エレメントの生成と削除
フォームの値を取得
prototype フォームの有効化・無効化
フィールドのテキストの値選択
Event.observe
Googleマップ API v2
Googleマップを表示
マーカーを表示
マーカーの削除
縮尺変更、移動コントロール追加
地図、航空写真の切り替え
吹き出しを追加
周辺地図を表示
クリックイベント追加
マウスオーバー、マウスアウトイベント追加
住所から位置を表示
マップ上に線を引く
ログウィンドウ表示
GXmlHttpとGXmlでのパース処理
タブウィンドウ表示
オーバープレビュー
マップの移動
kmlファイル読み込み
二点間の距離
イベントを発生させる
JavaScript
配列の作成
時計を表示
Divタグを表示・非表示
各種ダイアログを表示
フェードイン・フェードアウト
正規表現によるチェック
マウスの位置を取得
セレクトボックに項目を追加
クラスを作成
innerHTML
appendChild(子要素追加)
エラー処理
JavaScript 繰り返し
トップ
E-Mail
PHPの読み出し
XMLファイルの読み込み
JSON形式のファイル読み込み
jQuery Ver1.2.3
まずは利用してみる
クリックイベント処理
マウスオーバー・アウト処理
スタイルシートを扱う
スライドアップ・ダウン
フェードイン・アウト
クリックにより処理をON/OFF
アニメーション処理
配列のループ
trim処理
オブジェクトの位置を取得
jQuery プラグイン
EasyDrag(ドラッグ＆ドロップ)
Prototype Ver1.6.0.2
まずは利用してみる
表示・非表示(show/hide)
イベント追加(observe)
クラス作成
eachでループ処理
エレメントの生成と削除
フォームの値を取得
prototype フォームの有効化・無効化
フィールドのテキストの値選択
Event.observe
Googleマップ API v2
Googleマップを表示
マーカーを表示
マーカーの削除
縮尺変更、移動コントロール追加
地図、航空写真の切り替え
吹き出しを追加
周辺地図を表示
クリックイベント追加
マウスオーバー、マウスアウトイベント追加
住所から位置を表示
マップ上に線を引く
ログウィンドウ表示
GXmlHttpとGXmlでのパース処理
タブウィンドウ表示
オーバープレビュー
マップの移動
kmlファイル読み込み
二点間の距離
イベントを発生させる
JavaScript
配列の作成
時計を表示
Divタグを表示・非表示
各種ダイアログを表示
フェードイン・フェードアウト
正規表現によるチェック
マウスの位置を取得
セレクトボックに項目を追加
クラスを作成
innerHTML
appendChild(子要素追加)
エラー処理
JavaScript 繰り返し
トップ
ASP.Netのお勉強
VB.Netのお勉強
Excel マクロ・VBAのお勉強
ASP.Netで掲示板を作成しよう
PHPのお勉強
Webデザインのお勉強
Javaのお勉強
連想書籍検索
世界の観光地検索
路線図
総合サイトCocoaLiz
ネイルサロン検索
エステサロン検索
アロマサロン検索
アイビューティーサロン検索
JavaScript クラスを作成＠AJAX
JavaScriptでクラスを作成し、利用します。
以下の記述で作成できます。
var Class = function() {}
クラスの生成は、以下の記述で行えます。
var obj = new Class()
以下では、Personクラスを作成しています。
プロパティとメソッドを定義します。
ボタンを押して、クラスを生成して、メソッドを実行します。
コンストラクタで、値を渡してクラスのオブジェクトを生成します。
クラスのメソッドを呼び出して実行します。
JavaScriptでクラスを作成し、利用します。
以下の記述で作成できます。
var Class = function() {}
クラスの生成は、以下の記述で行えます。
var obj = new Class()
以下では、Personクラスを作成しています。
プロパティとメソッドを定義します。
ボタンを押して、クラスを生成して、メソッドを実行します。
コンストラクタで、値を渡してクラスのオブジェクトを生成します。
クラスのメソッドを呼び出して実行します。
|
<html> <head> <title>JavaScript クラスを作成</title> <script type="text/javascript"> <!-- //クラス var Person = function(id,name) { //プロパティ this.id = id; this.name = name; //メソッド this.getPerson = function() { alert("ID:" + this.id + "、NAME:" + this.name); }; } //クラスを生成して、メソッドを実行 function dispPerson(id,name) { var person = new Person(id,name); person.getPerson(); } // --> </script> |