スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブラウザによってプラグインの挙動が違う

10/9 投稿を変更しました。IE7でもゴーストが出ていました。
--------------------------------------------------------------
Macユーザーの方から、アナログ時計を設置すると、本文中にリンクのようなゴーストが出ると言う指摘がありました。

このゴーストは、メインのホームページへのリンクです。
IE6・IE7で確認しました。IE8・Firefox3.5.3では問題ありません。

プラグインにホームページへのリンクは付けたいが、リンクの文字が出ると邪魔。そこで、範囲外に文字を表示すればいい・・・と考えたわけです。
ところが、ブラウザによっては想定外の動作をしていたわけです。

IE6・IE7ではこんな感じです。
これです

以下は、「アナログ時計(黒)」のプラグインのソースです。
ソースの赤い部分の解釈が、ブラウザによって違うために起きるようです。

<div align="center">
<div style="width:100%;overflow:hidden;">
<script type="text/javascript" src="http://mog.sado-is.com/analog_classic4/analog_classic4.php?w=&answer1&h=&answer2"></script>
<div style="font-size:40%;position : relative;top : 100px;left : 300px;">
<a href="http://sado-is.com/ " target="_blank" title="佐渡島の次平">佐渡島の次平</a>
</div>
</div>
</div>


回避方法は以下の3通りです。
1:left : 300px を left : 9999px に変更する
   ・・・・・はるか右側に表示されるので、画面に出てきません。ちょっと強引!
2:リンクの部分を消してしまう
  ・・・・・作成者としては悲しい
3:以下のソースと入れ替える
  ・・・・・noscriptを使った裏業ですね。最近はこれにしています。

<div align="center">
<div style="width:100%;overflow:hidden;">
<script type="text/javascript" src="http://mog.sado-is.com/analog_classic4/analog_classic4.php?w=&answer1&h=&answer2"></script>
<noscript>
<a href="http://sado-is.com/" target="_blank" title="佐渡島の次平">佐渡島の次平</a> 
</noscript>
</div>
</div>

tag : プラグイン アナログ時計

コメントの投稿

管理者にだけ表示を許可する

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

フィードバックに対応…感謝します。

次平さん、初めまして。
アナログ時計のシンプルなデザインが気に入っていたので
改善、更新して下さったこと、
また、直接ご連絡下さったことにも心から感謝しています。
早速,ダウンロードしてブログに貼付けました。

作者の意図。。。
よくよく理解できます。
他のブラウザで検証もして下さったのですね。
本当にありがとうございました。
アナログ時計(黒)
背景と合体 test
ブログランキング
にほんブログ村 ブログブログ ブログパーツへ
にほんブログ村 写真ブログ 風景写真へ
人気ブログランキングへ
カレンダー
04 | 2017/05 | 06
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -
最新記事
カテゴリ
月別アーカイブ
プロフィール

次平

Author:次平
次平のブログへようこそ

リンク
最新コメント
タグ

関崎 佐渡島 プラグイン フラッシュ 関崎オートキャンプ場 アナログ時計 関崎灯台 オートキャンプ場 こしひかり ど根性ひまわり ボランティア 関川 佐渡 佐渡国際トライアスロン大会 なら枯れ  東日本大震災 はんが甲子園  関川の滝 津波 地震  野カンゾウ クルミ 時計   寒戸崎 東北地方太平洋沖地震 外海府 商工会 稲刈り 夕日 ブログパーツ 入崎オートキャンプ場 クラシック 合成 牧場 空中写真 

はんが甲子園応援時計
検索フォーム
Amazon
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。