MenuBar

JavaScript


JSDoc形式でコメントを書く


非同期処理:async/await


JSON形式から他形式への変換


構文チェック

HTML ValidatorのようにJavaScriptの構文が正しいか、非推奨の書き方がされていないかをチェックしてくれるツール


ベンチマーク


テスト

ライブラリ


グラフ

JSON

暗号化

順列生成

Permutation

2次元連想配列

foo = {};
foo['hoge'] = {fuga : 'aaa'};
alert(foo['hoge']['fuga']);
foo = {};
foo['hoge'] = {};
foo['hoge']['fuga'] = 'aaa'
alert(foo['hoge']['fuga']);

ajax記事

ajaxで郵便番号から住所変換

最適化/高速化

IE6でAタグでsubmitできない場合

prototype.js

セレクトリストから入力補完

エフェクトを追加

入力値チェック

JSONP

動的にscript要素を追加してやることによってクロス・ドメインのJavaScriptファイルを読み込むというテクニック。

prototypeと文字コード

IEのみの問題だが、ソース中に日本語が含まれていた場合、ソースの文字コードによって「識別子、文字列または数がありません。」エラーが出たり出なかったりする。

エラートラップ

デバックとデバッガ

配列形式のフォーム値を取得する

通常の値とselectとでは取得方法が異なるので注意。

JavaScriptの整形

テーブルの列単位での操作

イベントのオーバーライド

以下の用に、デフォルトのイベントハンドラの替わりにユーザ関数を実行する事ができます。

変数名 = オブジェクト名.イベントハンドラ名;
オブジェクト名.イベントハンドラ名 = ユーザ関数名;

オブジェクトのシリアライズとアンシリアライズ

ツールチップを表示する。

正規表現のパターンに変数を使用する

Stringクラスのreplace()関数は、正規表現が使えて便利ですが、パターンに変数が使用できません。

var str = "hogehoge";
var rep = " ";
str = str.replace(/^/mg, rep); // 行頭に空白を追加(○正常動作)
str = str.replace("/^\\" + rep + "/mg", ""); // 行頭の空白を削除(×正常に動作しない)

eval()を使うと動作します。

str = eval('str.replace(/^\\' + rep + '/mg, "");');

alert()デバッグの変わりに変数をダンプする

alert();で変数名を表示してるようなデバックだと、関数、オブジェクト等が表示されない。
alert()デバックの変わりに使える手法。

以下のリンクから、debug.jsを落としてきて導入する。

debug.p(変数名);

とすると、別ウインドウでその変数の中身を表示してくれる。

	<html>
	<meta>
	<script language="JavaScript" src="debug.js"></script>
	<SCRIPT language="JavaScript">
	var type_str = "任意の文字列";
	var type_int = 0;
	var type_function = function(){};
	var type_object = new Object();
	debug.p(type_str);
	debug.p(type_int);
	debug.p(type_function);
	debug.p(type_object);
	</SCRIPT>
	</meta>
	<body>
	</body>
	</html>

項目移動型セレクトボックスを実装する

左側のセレクトボックスから右側のセレクトボックスへ項目を移動できる。
多数の項目から一部分を選択させる際に、マウスのみで操作させたい時に使う。

対応ブラウザIE6.0、Opera7.0、Firefox1.0

filemove_selectbox.html



添付ファイル: filetooltip.js 1787件 [詳細] filemove_selectbox.html 2235件 [詳細] filephp_array.js 1830件 [詳細] filerow_unlock.htm 2145件 [詳細] fileserialize.html 2142件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2022-04-14 (木) 10:56:29