文字を点滅させるスクリプト 複数個所対応に改変したい
下記のページにあるスクリプトを使って
http://www9.ocn.ne.jp/~kita/himawari/sub72.htm
<FONT color='red' size='2' id='blink'>都道府県を入力して下さい。</FONT>
これで問題なく点滅表示が出来たのですが
複数ある場合は、1つ目しか点滅しません。
エラー表示に利用したので、使う数は動的に変わります。
全てを点滅させるには、どのように改変すれば出来るでしょうか。
宜しくお願い致します。
No.1ベストアンサー
- 回答日時:
根本的な原因は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>
ありがとうございます!
差し替えたら全て点滅するようになりました!
さすがです!
最初bodyタグも変わっていると気づいてなくて
<body onload="setTimeout('blink()', 1000);">
コレが残ったままやってて、動かなくて焦りました(笑)
同じ事する人いるかもなんで一応書いておきます。
ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- Visual Basic(VBA) エクセルVBA ダブルクリックしたら色反転を指定したセルのみにしたい 2 2022/04/06 12:52
- C言語・C++・C# プログラミングの問題です。至急教えてください。 /***から***/の部分をプログラミングにしてほし 1 2022/10/13 11:48
- HTML・CSS HTMLソースの質問 3 2022/07/28 13:29
- Excel(エクセル) エクセル関数の変わった使い方 3 2022/05/13 17:12
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- Visual Basic(VBA) エクセル VBA 条件によるセル点滅 お詳しい方 ご教授をお願いします。 Excelファイルにて 現 1 2022/11/03 15:53
- Excel(エクセル) エクセルの数式について教えてください。 2 2023/03/04 09:54
- 英語 関係代名詞「非制限用法」が説明する先行詞が無冠詞複数形の場合「一般的総称」と見なすことの可否について 10 2022/07/20 10:19
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/03/09 10:07
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ActiveXobjectが作成できない
-
javascript 特定のタグのidの存...
-
<a>タグのテキストを取得
-
画像の一部を表示
-
任意の座標をクリックさせるには
-
JavaScriptでのcheckbox作成
-
javascriptでCSVを呼出しvlookup
-
Click回数を数え、規定された回...
-
HTML:Tableタグに対し、JavaScr...
-
文字を点滅させるスクリプト ...
-
javascriptで自動計算フォーム...
-
文字を一文字ずつ表示
-
window.openでタイトル名の指定
-
C#テキストボックスの文字を配...
-
関数でy=g(x)のgとは何の略です...
-
C#OpenCv V4にのエラーに関する...
-
javascript 変数名の連結をしたい
-
Excel VBA の ChangeFileAccess
-
google apps scriptの終了のさせ方
-
クリックすると上に開くアコー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a>タグのテキストを取得
-
任意の座標をクリックさせるには
-
ActiveXobjectが作成できない
-
innerHTML実行後のイベント
-
Click回数を数え、規定された回...
-
HTML:Tableタグに対し、JavaScr...
-
JavaScriptでオブジェクトを取...
-
onchangeイベントを使ってspan...
-
【Tabキー】特定の範囲内だけで...
-
モーダルダイアログウィンドウ...
-
重複しないくじの作り方がわか...
-
javascript 特定のタグのidの存...
-
配列の大括弧と丸括弧はどう違う?
-
「nullまたはオブジェクトでは...
-
javascriptであるボタンを押す...
-
div要素内の全input要素をdisable
-
画像上のクリックした場所が分...
-
onclickを使わずにイベント処理...
-
javascript 作成した要素にCS...
-
RadioButtonListの表示制御
おすすめ情報