Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
古籏一浩さんとのはじめての共著 発売中-->『Ajax実践テクニック』 古籏一浩/高橋 登史朗 (著)秀和システム
配本予約開始-->『入門Ajax 増補改訂版 』 高橋 登史朗 (著)ソフトバンククリエイティブ ; ISBN: 4797336242
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 2 ) AjaSQL ( 10 ) Ajax ( 575 ) Arax ( 1 ) canvas ( 10 ) CSS ( 11 ) 脳 ( 5 ) DLNA ( 1 ) Dojo ( 17 ) DOM ( 45 ) ES4 ( 4 ) Ext JS ( 2 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 46 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 119 ) GPS ( 42 ) HTTPヘッダサンプル ( 9 ) Internet ( 1 ) iPhone ( 31 ) IPv6 ( 1 ) 漫画 ( 1 ) Java ( 45 ) JavaScript ( 265 ) jKamo ( 8 ) jQchart ( 2 ) jQuery ( 111 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 47 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 16 ) Mac ( 8 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 3 ) Movable Type ( 57 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 7 ) P2P ( 2 ) Perl ( 7 ) PHP ( 37 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 22 ) ROBOT ( 1 ) RSSリーダー ( 14 ) Ruby on Rails ( 7 ) Spry ( 6 ) SQLite ( 16 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 15 ) TRON ( 1 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Webサービス ( 98 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 29 ) XML ( 30 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 64 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) ＷｉｎTips ( 2 ) こりゃすごい ( 3 ) チューニング ( 22 ) ダイナミックロード関数 ( 7 ) リファレンス ( 18 ) ライブラリ ( 114 ) レーダー雨量表示 ( 1 ) ハード ( 23 ) ペンギン ( 2 ) ブラウザ ( 73 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 11 ) クロスブラウザ関数 ( 7 ) スマートフォン ( 8 ) セキュリティ ( 114 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 47 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 26 ) 牛久大仏 ( 9 ) 携帯 ( 138 ) 言語 ( 18 ) 故障 ( 3 ) 洪水警報システム ( 2 ) 今日のひと言 ( 5 ) 仕様 ( 60 ) 雑談 ( 232 ) 実装 ( 1 ) 書籍 ( 17 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
【info】有料サポート(ベータ)限定　承り中 多忙につき、一時、新規受付停止 閉店中 /【JSサポート(仮称)】　

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

2006年02月02日

【クロスブラウザ】getDynamicStyle()

【クロスブラウザ , クロスブラウザ関数 】 ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


インラインでスタイル指定しない場合の値は、たとえばoj.style.topなどでは取れない。という件について、いままでもいろいろなところで個別に話をしてきましたが、クロスブラウザ関数にしておきます。

たとえば、ページのどこかでtop:100pxなどと、明示的に指定していなければ、"auto"などが入っている可能性があることにも注意が必要です。

動的なスタイル値取得
getDynamicStyle(id,style)
http://jsgt.org/js/books/dhtml2/part3/cross/getdynamicstyle.htm
<html> <head> <style> #test{ position:absolute; top:100px; left:100px } </style> </head> <body> <div id="test">aaa</div> <script> alert("inlineのスタイル指定がなければ\ndocument.getElementById('test').style.topでは取得できません\n"+document.getElementById('test').style.top) a = getDynamicStyle('test','top'); alert("でもgetDynamicStyle('test','top')で大丈夫\n"+a) function getDynamicStyle(id,style){ if(!document.getElementById)return; var node = document.getElementById(id); if(node.currentStyle){ return node.currentStyle[style]; } else if(document.defaultView){ return document.defaultView.getComputedStyle(node,'').getPropertyValue(style); } else { return null } } //// // getDynamicStyle(id,style) //allow // Win e6 f1 o8 // Mac e5 f1 o8 s2 //deny // Mac s1.25 // Linux k3 // //@see http://www.mozilla-japan.org/docs/dom/domref/examples7.html //@see http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/currentstyle.asp </script> </body> </html>

    高橋 ( 2006年02月02日 22:31 )

    はい、どうぞ〜。ライセンスはパブリックドメインです。改造、商用利用も切り張りも自由自在、連絡不要です。って、あえていうほどのコードでもないですねf^^;;

    Mitsuhal ( 2006年02月03日 04:44 )

    return node.currentStyle.top;
    ↓
    return node.currentStyle[style];
    ですよね？

    高橋 ( 2006年02月03日 15:52 )

    Mitsuhal さんありがとうございます。
    直しました。

    高橋 ( 2006年02月03日 15:56 )

    Safari1はKonquerrorと同じバグっぽいです。document.defaultView.getComputedStyleまでは存在しているので、なにかの呪文で解けるかもしれないです。ちなみに(node,null)では駄目なことだけは確認しましたが、、、。

    高橋 ( 2006年02月03日 17:45 )

    インテルMacになるついでに、デフォルトもFirefoxしてくれないかな、、、動作確認が楽になる、、、とも限らないかなf^^??

    古籏一浩 ( 2006年02月04日 13:25 )

    Mac+Safari 2, Firefox 1.5でちゃんと動きました。
    う〜む、こういうのは便利ですね〜。
    使わせてもらってもいいですか？

    古籏一浩 ( 2006年02月04日 13:26 )

    どうもありがとうございますです。
    Safari 1でも動くとグッドなんですけどね〜。
    何か策があるかなあ。
    もうG5のHDDがいっぱいで身動きが取れないf(^^;
    HDD合計は2TB以上あるのに、残りが14.04GB...

    古籏一浩 ( 2006年02月04日 13:27 )

    for...inで中身を覗いてみると何かヒントとかないかなあ。
    ただ、DOM操作もSafariは思わぬ落とし穴があったりするので何とも...

    #頑張ってHDDの空きを33GBまで増やしましたf(^^;

    福田 ( 2006年06月17日 18:03 )

    はじめまして。
    先ほどから座標の位置が取得できずに
    ５、６時間悩んでいたのですが、
    おかげ様で解決しました。ありがとうございます。

    【コメント】(←clickで入力欄open)