文字を点滅させるスクリプト複数個所対応に改変したい下記のページにあるスクリプトを使って http://www9.ocn.ne.jp/~kita/himawari/sub72.htm 都道府県を入力して下さい。これで問題なく点滅表示が出来たのですが複数ある場合は、1つ目しか点滅しません。エラー表示に利用したので、使う数は動的に変わります。全てを点滅させるには、どのように改変すれば出来るでしょうか。宜しくお願い致します。

根本的な原因はidで処理しているから。 idは1ファイル1箇所にしか指定できません。以下のようにclassで処理すればいけそうです。 p.blink { color:red; font-weight: bold; font-size:20px; } var count = 0; function blink () { var obj = document.getElementsByTagName("*"); for(var i=0;i 点滅文字ですよ～♪ 点滅文字ですよ～♪ 点滅文字ですよ～♪ 点滅文字ですよ～♪

文字を点滅させるスクリプト　複数個所対応に改変したい

解決済

質問者：kzkz-16
質問日時：2010/07/08 13:17
回答数：1件

文字を点滅させるスクリプト　複数個所対応に改変したい

下記のページにあるスクリプトを使って
http://www9.ocn.ne.jp/~kita/himawari/sub72.htm

<FONT color='red' size='2' id='blink'>都道府県を入力して下さい。</FONT>

これで問題なく点滅表示が出来たのですが

複数ある場合は、1つ目しか点滅しません。

エラー表示に利用したので、使う数は動的に変わります。

全てを点滅させるには、どのように改変すれば出来るでしょうか。

宜しくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yambejp
回答日時：2010/07/08 13:40

根本的な原因はidで処理しているから。

idは1ファイル1箇所にしか指定できません。
以下のようにclassで処理すればいけそうです。

<head>
<style>
p.blink {
color:red;
font-weight: bold;
font-size:20px;
}
</style>
<script>
var count = 0;
function blink () {
var obj = document.getElementsByTagName("*");
for(var i=0;i<obj.length;i++){
if(obj[i].className.match(/(^| )blink( |$)/)){
obj[i].style.visibility = obj[i].style.visibility=="hidden"?"visible":"hidden";
}
}
}
window.onload=function(){
setInterval(function(){blink()}, 1000)
}
</script>
</head>
<body>
<p class="blink">点滅文字ですよ～♪</p>
<p class="test1 blink">点滅文字ですよ～♪</p>
<p class="blink test2">点滅文字ですよ～♪</p>
<p class="test1 blink test2">点滅文字ですよ～♪</p>
</body>

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！

差し替えたら全て点滅するようになりました！

さすがです！

最初bodyタグも変わっていると気づいてなくて

<body onload="setTimeout('blink()', 1000);">

コレが残ったままやってて、動かなくて焦りました(笑)

同じ事する人いるかもなんで一応書いておきます。

ありがとうございました！