≪ ≪ Bingネタ 2009年6月5日の視点 Google Waveも気になり始めた・・・ 「おしりとおしりでおしり合い」から数年・・・今はツイてる人にしか見えない妖精が流行っているらしい「うんとこどっこしょ」・・・ゆるキャラ? ≫ ≫

ツꀀ

「ここ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関数 → あきらめる・・・。

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

ツꀀ

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

ツꀀ

つづくかも・・・

≪ ≪ Bingネタ 2009年6月5日の視点 Google Waveも気になり始めた・・・ 「おしりとおしりでおしり合い」から数年・・・今はツイてる人にしか見えない妖精が流行っているらしい「うんとこどっこしょ」・・・ゆるキャラ? ≫ ≫

関連記事

Google Ads

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>