解決済

clip!clip!
Ads By Google

Firefoxが表示してくれません(x_x;)

ページの読み込みが完了してからスクロールする文字を表示させたいので以下のように書いてみました。
<html>
<head>
<script language="javascript">
<!--
function nenmatsu(){
var  display=document.getElementById("nenshi");
display.innerHTML='<marquee behavior="slide">「人に聞く前に自分で調べろ!」というツッコミは甘んじて…^^;</marquee>';
}
//-->
</script>
<title>test</title>
</head>
<body onload="nenmatsu()">
<div id="nenshi"></div>
</body>
</html>
IEとOperaではいけるのですが、Firefoxだと文字が出てきてくれません^^;
お知恵を拝借いたしたく存じますm( _ _ )m

※Firefoxで「behavior="slide"」(スクロールして止まる)が効かないのは知ってます。

2006-12-30 15:03の質問
FireFox  innerHTML  slide  behavior  marquee  
Firefox
Firefox のホームページはこちらです
www.mozilla-japan.org/products/firefox/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

3.

2006-12-30 23:51:15ベスト
これはFirefoxのバグというか、例の
『 仕 様 で す 』
・・・というヤツです(^^;

setTimeoutで再描画もどきをやってみたり、色々と試しましたが、マーキー文字が出ませんね。

前後に文字を加えたりFontSizeを大きくしたりとかで、そのBlockは動的に確保されているのは確認できるのですが、肝心の文字が流れるどころか、表示さえされません。

元々、marqueeはIEの独自タグでした。
最近のFirefoxも仕方なく追加したばかりなので、こういったレンダリングの順序やタイミングによる不具合は多数残っているものと思われます。
▼参考:




ということで、IE以外でも確実に文字を流したいのであれば、marqueeと同じ動きをJavascriptで作成している人が大勢いるので、参考にしてみてはいかがでしょうか。
▼参考:

丁寧な回答ありがとうございます。
「仕様」だという事はわかりましたが、私が内容をきちんと理解するには数年かかってしまいそうです^^;
参考サイトは時間がある時にじっくり読んでみます。

とりあえずGecko系ブラウザからのアクセスに対しては、判別した上で<marquee>ではなく<blink>でいこうと思います。
じゃなくて^^;
スクロールや点滅をうざがってる方もおられるので、フツーに表示させる事にします(笑)

前回に引き続き、今回も大変お世話になりましたm( _ _ )m

2.

2006-12-30 19:29:37ベター
目がちらちらして うざいので、私のFirefox (iceweasel)も、意図的に質問のようなmarqueeや点滅の文字を表示しないように設定しています。

設定方法は、例えば、
marquee タグを無効にする

に紹介されています。つまり、↑ここに書いてあるあたりの設定を疑ってみてはいかがでしょうか?

回答ありがとうございます。
marqueeタグを無効にすると

<marquee>スクロールと点滅ウザい</marquee>

↑「スクロールと点滅ウザい」は普通のテキストとしても表示されなくなってしまうのでしょうか…?

Ads By Google

コメント(9)

2006-12-30 15:21:26

ちなみに
「body onload…」ではなく

<body>
<div id="nenshi"></div>
<script language="javascript">
<!--
nenmatsu();
//-->
</script>
</body>
フツーにスクリプトを呼び出せば表示されます^^;

#2.  Altair☆
2006-12-30 19:32:20

>>2
たぶん、はずしてるような気がします。(^^;

2006-12-30 19:56:40

ちなみに私の火狐は一切カスタマイズしておらず、質問及び#1はローカルでの検証です。

#4.  Altair☆
2006-12-31 01:38:08

>>2

↑「スクロールと点滅ウザい」は普通のテキストとしても表示されなくなってしまうのでしょうか…?
スクロールされなくなるだけで、表示はされると思います。

>>3
なるほど、どおりで割と最近になって、うざいスクロールを目にしたんですね。

2006-12-31 13:30:25

>>#4

割と最近になって、うざいスクロールを目にしたんですね。
その上マウスストーカーなんてあった日にゃもうマジギレですか?^^;

2007-01-03 12:40:44

あけましておめでとうございます。
DOM関数でタグを作るとうちのもじら(←古め)で表示されましたので、解決後でアレですが、ご報告します。

function nenmatsu(){
var display=document.getElementById("nenshi");
var oMarquee=document.createElement('marquee');
oMarquee.behavior="slide";
oMarquee.innerHTML='人に聞く前に自分で調べろ!」というツッコミは甘んじて…^^;';
display.appendChild(oMarquee);
}

2007-01-04 12:49:54

>>#6
鬼先生、あけましておめでとうございます。
サンプルページで早速試してみました。
http://mannendoco.yakiuchi.com/dom.html
・IE6:◎
・Opera9.01:△(スクロールが止まらない)
そして…
・Firefox1.5.0.9:×
残念ながらFirefoxは言うことを聞いてくれませんでしたorz
でもありがとうございました(^^)

2007-01-05 00:27:43

>>#7
Firefox2.0で試しましたがダメでした。もじらでは大丈夫ということは、バグとかではなくわざとなのかもしれませんねー。効かないのはmarqueeだけのようですし・・・。ちなみに、window.onloadでも結果は同じでした。

2007-01-07 12:04:18

レアケースでしょうけど、もじらでいけるのにFirefoxでダメなこともあるんですね(^_^;)

トラックバック(2)

トラックバックURL: