twitter投稿フォームプラグインのfirefoxでのエラー、原因判明
![$Ameblo Hacks2~ユニークなアメブロカスタマイズをあなたに~](https://stat.ameba.jp/user_images/20100820/16/meat18-sub/4e/f0/p/o0400025010703976016.png?caw=800)
詰め合わせに入っているtwitter投稿フォームで、firefoxのみ投稿が出来ないという謎のエラーの原因がわかってきました。
意外にも外部CSSに原因があった模様。
外部CSSとは、こんなヤツです。
<link rel="stylesheet" href="http://t18.jp/ameblo/com_thumb/com_thumb_light.css" type="text/css">
これは本来、ヘッダーに入れるべきものです。これをプラグインに入れることでCSSを補填していたのですが、その部分がDOM構造に影響を与えて、セキュリティエラーを起こしているらしいです。
具体的には全く理解できていませんが・・・
ともかく、外部CSSをプラグインから外して、javascriptでヘッダーに挿入したら上手くいきました。
ちなみに、ヘッダーに挿入するコードは以下のような感じです。
jQuery("head").append('<link rel="stylesheet" href="http://t18.jp/ameblo/com_thumb/com_thumb_light.css" type="text/css">');
もちろん、scriptタグの中に書いてください。2つ以上ある場合は、
jQuery("head").append(''<link rel="stylesheet" href="http://t18.jp/ameblo/com_thumb/com_thumb_light.css" type="text/css"><link rel="stylesheet" href="http://t18.jp/ameblo/com_thumb/com_thumb_light.css" type="text/css">');
こんな感じで文字数を増やさずにいくらでも追加できます。結局ポップアップブロックは関係なかったです。。。
ちょっとしたもやもやを残しながらも、一応の解決ということで。