オブジェクト調査用関数

prototype.js javascript

作ったのを忘れないようメモ。たいしたものではありません。。。 2008/01/15 変更関数そのもののprototype.js依存を解消しました。既出のオブジェクトは追わないようにしました。デフォルトで表示する階層を3、各プロパティを20までに制限しました。引数…

2007-11-23

ドラッグアンドドロップサンプル(圧縮版)

JavaScript

「ドラッグアンドドロップサンプル - Backstage of theater.js」の圧縮版です。・・・単に書いてみたかっただけです＾＾；「こうしたほうがいいよ」的なアドバイスがありましたらコメントくださるとありがたいです。 <html> <head> <script> /** * 要素ドラッガブル化関数 * id</head></html>…

2007-11-16

Ajax.Requestもどき隠しフレーム通信

JavaScript Ajax

2007/12/19追記。onExceptionオプションを追加しました。例外発生時の処理も変更しています。 2007/12/03追記。Opera9.24に対応しました。以前書いたように、IE7ではローカル環境でAjaxが使えません。今まで使えたのに・・・。拙作theater.jsはprototype.js…

2007-11-15

ドラッグアンドドロップサンプル

JavaScript

某所で回答したものを保存します。・・・prototype.jsからいろいろ持ってきてますが＾＾；*1 ＞＞＞(圧縮版はこちら。)＜＜＜ <html> <head> <script> function getStyle(elem, IEStyleProp, CSSStyleProp){ if(elem.currentStyle){ return elem.currentStyle[IEStyleProp]; }e</head></html>…

2007-11-06

クロージャとレキシカルスコープ

JavaScript

自分なりのまとめです。【他、参考となるサイト】 http://d.hatena.ne.jp/keyword/%a5%af%a5%ed%a1%bc%a5%b8%a5%e3 http://www.atmarkit.co.jp/fdotnet/ajaxjs/ajaxjs03/ajaxjs03_03.html http://www.atmarkit.co.jp/fdotnet/ajaxjs/ajaxjs03/ajaxjs03_04.h…

2007-05-24

画像の先読み

JavaScript

実現のためのコードはいたってシンプルです。以下のようにします。 var imgObj = new Image(); imgObj.src = "sample1.jpg"; JavaScriptでImageオブジェクトのsrcプロパティに画像アドレスを設定すると、その時点でブラウザが画像をダウンロードするのを利用…

2007-05-18

関数名に「onload」を使うと・・・

JavaScript

常識かもしれないけど、初めて知ったのでメモ。 http://q.hatena.ne.jp/1179461074 で回答した際、グローバル宣言の関数ならwindow["関数名"]でアクセスできることを利用しました。 function test(str){ alert(str); } window["test"]("!!!"); ここで疑問が…

2007-05-13

テロップを流すサンプル

JavaScript

question:1178848515の回答の修正です。 <html> <head> <script type="text/javascript"> /** * スタイル値取得関数 * elemID : 対象要素ID * IEStyleProp : IE用CSS属性名(aaaBbb形式) * CSSStyleProp : その他用CSS属性名(aaa-bbb形式) */ function getElementStyle(elemID, IEStyleProp, CSSStylePro</head></html>…

2006-11-17

scriptタグをdocument.writeで出力する場合の動作

JavaScript

jsファイルの動的ロードはポピュラーな話題です。私も自分でdocument.writeで書き出したscriptタグが有効なのを見つけたときは驚きました。これを利用してASPのincludeみたいなことができないかなと試行錯誤中ですが、どうも無理がある感じです。。。*1原因…

2006-10-04

offsetTop/offsetLeft/offsetParentの闇

JavaScript

簡単な定義要素のoffsetLeftプロパティ要素の左辺と、offset基準要素の左辺との距離(px) 要素のoffsetTopプロパティ要素の上辺と、offset基準要素の上辺との距離(px) 要素のoffsetParentプロパティ要素のoffset基準要素(これが何になるかが問題) ○結論か…

2006-09-25

イベントへの関数登録について

JavaScript

HTML+JavaScriptで、要素のイベントへの関数登録の方法は、主に以下の３つです。 1. 要素タグのなかに属性(onclick="〜"等)を直接記述する。【例】 <button onclick="alert('!');">TEST</button> 2. 要素オブジェクトのプロパティへ関数を設定する。【例】 <button id="test">TEST</button> <script> function func(){ alert("!"); } v…

2006-08-17

連想配列ソート関数

JavaScript

はてなの人力検索で回答した際に、連想配列ソート関数を作成したので載せておきます。※Operaで想定外の動作をする場合があります。追記を参照してください。 <html> <head> <title></title> <script> /** * sortObj 連想配列ソート関数 * @obj 対象オブジェクト * @isKey true : キーでソート * </head></html>…