2005年 9月 27日(火) 先勝 今日は何の日?
Firefoxで長いURLなんかを折り返してくれるJavaScript
前から気になってたけど、たいした理由もなく後回しにしてた (見て見ぬふりをしてた) ことを
今日 なぜか やる気が起きたので、やっつけちゃいました。それは、Firefox で
長いURL や 連続した半角文字列を 折り返してくれない バグに 立ち向かうことでした。
どういう現象かというと・・・
こ~んな感じ。文字列が Block を突き破って、はみ出してます。これ、IE では起きない現象なんですよね。
小粋空間 さん : Firefox・Netscapeで連続した半角文字を折り返す を参考に
「通常のJavaScritpと同様に設定するカスタマイズ」 のほうで やってみました。
outsider reflex さん : Firefoxで長いURIを折り返す から、url_breaker_plus.user.js をダウンロード、
ローカルサイトパスに アップロードします。
そして、スクリプトを適用したいテンプレートの 一番最後 </html> の直前あたりに
<script src="<$MTBlogURL$>url_breaker_plus.user.js" type="text/javascript"></script>
こんなふうに記述して、再構築するだけ。簡単なことなのにね、もっと早く対処すればよかったです。
ほら!もう、文字列が Block を突き破ったりしてません。↓
なお、このままでは IE で JavaScriptエラーが出てしまうので、スクリプトが Mozilla系ブラウザでのみ
動作するように url_breaker_plus.user.js に 青い字の 2行を 追加するといいそうです。
(function () {
if(navigator.appName == 'Netscape'){
:
(中略)
:
}
})();
これでバッチリです。ヽ(*^。^*)ノ
Tag : MovableType , Firefox , カスタマイズ , JavaScript
≫ Mozilla系のブラウザで半角英数の文字列を折り返させる from
Sunflower
2005/img/20051119_jsfirefox.gif" alt="Mo... [続きを読む]
≫ Mozilla 系ブラウザーで引用部分を折り返す。 from
ケセラセラBrand-new!
引用部分の突き破り現象解消スクリプト。 Firefox などの Mozilla... [続きを読む]
≫ 連続した半角文字を折り返す from
Free Style
Firefox・Netscapeで連続した半角文字が折り返されず、囲った枠から ... [続きを読む]
≫ 最近のブログカスタマイズ from
MIKZO BLOG
最近のブログカスタマイズ 週末なので、色々とカスタマイズをしました。 最近のブロ... [続きを読む]
≫ Firefoxで長い英単語を折り返す from
ホームページ制作ブログ
本当に美味しいネタは他人に話さない主義なので、ブログには書かなかったんですが 今日、会社で仕事中にこのテクが必要になってネタばれしたのでお披露目しようと... [続きを読む]
こんにちは。
こちらのエントリーを参考に折り返しを導入しました。
最近、動作確認のために、すごく沢山、ブラウザを入れたんですけど、思いのほか、Firefoxが使いやすくて、メインブラウザになりつつあるので、気になってたんですよねー。つき出てしまうのが。
簡単に解決できて、良かったです。
トラバ送ろうとしたのですが、何回やってもなぜか送れず・・・;;
とりあえず、コメントで、参考にさせていただいたことをご報告してみました。
ではでは。
>>1 ゆっこさん
コメント、トラックバックありがとうございます。
トラックバック、ブログに即のっからなくてごめんなさい。
でもちゃんと受信できてましたので。。。。
Firefox つかいやすいブラウザですよね。