ここAd! ブックマークレット Firefox版：Google AdSenseやAmazonアソシエイト等での色・サイズ設定に苦労していませんか？ Part.5

ﾂꀀ

「ここAd!」ブックマークレットのFirefox版を作成してみた。

ブックマークレット → ここAd!

ﾂꀀ

「ここAd!」ブックマークレット使用イメージ

Firefox Version 3の利用イメージ

ありゃ　FirefoxのTitle属性（ツールチップ）は、改行が効かないのですね・・・W3C的には、こちらが標準らしいので仕方がないですね。

（標準以前に本来のTitle属性の使い方ではありませんし。）

ﾂꀀ

次の様な対応方法もあるようですが、「ここAd!」は軽さが一番のメリットなので諦める事に・・

「FirefoxでTITLE属性のツールチップ内改行を有効にしたい」
http://martin.p2b.jp/index.php?UID=1108701576

ﾂꀀ

Firefox version 2の利用イメージ

ん～ Titile属性の表示に文字数制限がかかっているようです。

（Firefox Version 2では、使い物になりませんね。。）

ﾂꀀ

ブックマークレットソース

javascript:void document.body.addEventListener("mousemove",function(e){function ps(ost,sst){var ot=ost;while(window.getComputedStyle(ot,null)[sst]=="transparent"){ot=ot.parentNode;if(ot==null)return "";};return window.getComputedStyle(ot,”)[sst];};if(window._sv_flg){window._sv_oe.style.backgroundColor=window._sv_backgroundColor;window._sv_flg=false;};var oe=e.target;window._sv_oe=oe;window._sv_backgroundColor=oe.style.backgroundColor;window._sv_flg=true;var sh="";var ap=new Array("tagName","offsetWidth","clientWidth","offsetHeight","clientHeight");for(var i=0;ap.length>i;i++){sh+=ap[i]+":"+oe[ap[i]]+"rn";};var ap=new Array("color","backgroundColor","borderColor","borderStyle","borderWidth");for(var i=0;ap.length>i;i++){sh+=ap[i]+":"+ps(oe,ap[i])+"rn";};oe.title="ここAd! by drmg.netrn"+sh;oe.style.backgroundColor="Yellow";},false);

ﾂꀀ

Firefox対応で修正した箇所

• eventオブジェクト → 関数の第一引数として取得。
• attachEvent関数 → addEventListener関数に変更。
• event.srcElementオブジェクト → イベントオブジェクトのtarget に変更。
• currentStyleオブジェクト → getComputedStyle関数に変更。
• parentElementオブジェクト → parentNodeオブジェクトに変更。（IEもparentNodeを使えば良かったかも）
• clipboardData.setData関数 → あきらめる・・・。

ん～使用しているオブジェクト・関数が、標準に定義されていない特殊な物ばかりで、ほとんど作り直しでしたね・・・

ﾂꀀ

ブックマークレットだと軽さも重要なので、ここらで作りこみは止めておきます。

ﾂꀀ

つづくかも・・・