SQLの窓

2010年02月11日


JavaScript : HTMLの要素内のイベント記述で複雑な処理を書く方法( 関数を定義したく無い場合 )

良く使う INPUT 要素のボタン内の onClick イベントのサンプルですが、
他の要素でも同じです。onClick='' のシングルクオート内は、改行が
あってもスクリプトなので、(function(){})() という記述で変数もローカル
扱いで処理できます。

但し、'' 内で '' を使う場合は、'' というように書く必要が
あります。また、(function(){})() 内に要素自身を渡したい場合は、
(function(obj){})(this) で、obj で参照できます。
<INPUT type="button" value="IFRAME追加" onClick='
(function(){
	var str="";
	str+="<IFRAME \n";
	str+="	src=\"http://winofsql.jp/\" \n";
	str+="	name=\"myframe\" \n";
	str+="	frameborder=\"no\" \n";
	str+="	scrolling=\"no\" \n";
	str+="	width=\"590\" \n";
	str+="	height=\"800\" \n";
	str+="></IFRAME> ";
	var txt = document.getElementsByName("txt03")[0].value;

	if ( txt != &#39&#39 ) {
		txt = txt + "\n";
	}

	document.getElementsByName("txt03")[0].value = txt + str;
})();
'
>



タグ:javascript
【JavaScript オブジェクトの最新記事】
posted by lightbox at 2010-02-11 16:21 | JavaScript オブジェクト | このブログの読者になる | 更新情報をチェックする
バッチ処理

Microsoft Office
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり