解決済
点滅タグが点滅しない
点滅タグを使いたくてネットのタグ屋さんで調べて見つけたのが下記の点滅タグ。<BLINK>文字の点滅</BLINK>
投稿画面で投稿内容の確認をすると、点滅していません。 なにが原因なのか初心者のため全く見当も付きません。
それなのに、下記のスクロールタグは問題なくスクロールしますので意味がわかりません。
<marquee behavior="alternate">文字</marquee>
改善方法か、他にできそうな点滅タグがあれば、ぜひ教えてください。（ちなみにライブドアブログです）
回答(1)
1.
REA - HP Team.さん、お久しぶりです！
何で今頃になってコレが解決？！と思われたでしょうね。
ナレッジのコメント欄のその後を見ていただければ謎が解けると思います。
色々ありましたが今日、無事に解決する事ができました。
REA - HP Team.さん、たくさんお世話になって、本当にありがとうございました。
ＰＳ・万年床生活者さんにもナレ差し上げたかったのですが、辞退されました・・・＜悲＞
コメント(56)
IEで点滅させたい場合、ダイナミックHTMLとJavascriptのsetTimeout関数を併用します。
function blink() {
if (!document.all) { return; }
for (i = 0; i < document.all.length; i++) {
obj = document.all(i);
if (obj.className == "blink") {
if (obj.style.visibility == "visible") {
obj.style.visibility = "hidden";
} else {
obj.style.visibility = "visible";
}
}
}
setTimeout("blink()", 800);
}
外部JSファイルの場合は下記のように関数を読み込みます。
<script type="text/javascript" src="保存したJSファイルのパス"></script>
いずれの場合も<body onload="blink()">で、ページ読み込みが完了した後で点滅関数を呼び出すようにします。
<BLINK>タグ以外でも、ブラウザによって動作の異なるタグがたくさんあります。
ブラウザ別サポート状況の説明がないリファレンスサイトをご覧になっている場合、あまり一般的でない(主観によりますが)タグはお使いにならない事をオススメします。
ちなみに<marquee>タグはNetscape6では評価されません。
REA - HP Team.さん＞早速回答いただきありがとうございます。 たくさんの知恵を教えていただいたのに申し訳ないですが、ダイナミックHTMLとJavascriptのsetTimeout関数というのを使用することまでは、理解できましたが、私の勉強不足で、その後の#３～#５のご回答が全く理解できませんでした。どこに点滅させたい文字を入れるのかってことを書かれているんですよね？ すいません、ド素人で・・・
理解が難しいようですので「点滅させたい文字をはめ込むだけ」で使えるタグのサンプルがあると嬉しいのですが・・・
>>#7
Javascriptを使用するわけですから、まず最初の選択肢として、「ページ内に関数を書くか」それとも「外部ファイルに書くか」という事になります。
スタイルシートと同じですね。
わかりやすく、以降はページ内に書くと仮定しましょう。
すべてのHTMLテンプレートに<script>タグを記述してもいいのですが、管理のしやすさを考えるとプラグイン部分にJavascript関数を記述するのがいいと思います。
関数の呼び出しは最後の最後ですから、関数自体はどこに記述してもokです。
<script type="text/javascript">
<!--
function blink() {
if (!document.all) { return; }
for (i = 0; i < document.all.length; i++) {
obj = document.all(i);
if (obj.className == "blink") {
if (obj.style.visibility == "visible") {
obj.style.visibility = "hidden";
} else {
obj.style.visibility = "visible";
}
}
}
setTimeout("blink()", 800);
}
// -->
</script>
>>#12をコピーしてフリーエリアにペーストします。
但し、出力される要素がないので空のプラグインになってしまいます。
関数専用のフリーエリアを作るより、フリーエリアを使用したリンク集などに追加挿入すると自然な感じに仕上がると思います。
準備はこれだけです。
後は記事でもサイドバー内でも、ページ内ならどこでも点滅させられます。
点滅させたい部分を「class="blink"」に指定するだけです。
<blink>タグはInternet Explorerで評価されませんが、インライン要素として認識されます。
そこで、
<blink class="blink">ここに点滅させたい文字</blink>とすればIEでもNNでもFirefoxでもOpera点滅させられます。
但し、スタイルシートを実装している一部の携帯電話では<BLINK>タグなのに点滅しなくなります。
(i-CSSを実装したFOMAなど)
テスト用に手順を簡単にまとめてみました。
「上級者向けプラグイン」から「Javascript」を追加します。 「JavaScriptのURL」に次のURLを指定します。
http://r.livedoor.biz/js/blink.js
「デザインの設定」 ↓ 「カスタマイズ」 からHTMLテンプレートの「BODY」を下記のように編集します。
<body> ↓ <body onload="blink()">
テスト記事を投稿します。 「HTMLを確認」のチェックをオンにして下記のように記入します。
<blink class="blink">点滅文字のテスト</blink>
「HTMLを確認」のチェックをオフにして投稿を実行します。
記事を確認して下さい。
テスト後に元へ戻すには、
1.テスト記事を削除 2.<body onload="blink()">タグを<body>に戻す 3.追加したJavaScriptプラグインを削除
REA - HP Team.さんの回答＆コメント素晴らしすぎです。
これほどまでに親切に
わからない人の立場にたって何度も丁寧に説明できる方はそういません。
出来ることなら私から５００ナレ差し上げたい。
質問者さんも、スッキリ解決できて今ごろ喜んでおられることでしょう。
>>#19
早速送金（送ナレ）しようと思ったんですが、方法がわからない・・・ナレッジで質問してみようかな＾＾；
「ＪＳふぁいるって、なんですかぁ～？」って感じの私でもできるほどわかりやすく説明されていたことに感激してつい横から
>>#18のようなコメントをしてしまったのですが・・・今見たらまだ解決されていないようで・・・そのことが少しだけ気になります。余計なことを言ってしまったかもしれない。。。
<html>
<head>
<script type="text/javascript">
function blink() {
if (!document.all) { return; }
for (i = 0; i < document.all.length; i++) {
obj = document.all(i);
if (obj.className == "blink") {
if (obj.style.visibility == "visible") {
obj.style.visibility = "hidden";
} else {
obj.style.visibility = "visible";
}
}
}
setTimeout("blink()", 800);
}</script>
<noscript>
<p>javascriptを有効にしてください</p>
</noscript>
<title>IEでBLINK</title>
</head>
<body onload="blink()">
点滅してますか？↓
<p class="blink">うわぁ点滅してる♪うれっすぃー（´∀｀ ）</p>
REA - HP Team.さんすげー（・∀・）
</body>
</html>
どうやら私本当に余計なことを言ってしまったようです。
REA - HP Team.さん、キョロさん、どうもすみませんでした。反省します。
退散する前にキョロさん、もしまだ解決されていないようでしたら、ブログにアップする前に一度ローカルで試されてみてはいかがでしょうか。
>>#21をメモ帳にでもコピペして拡張子は.htmlで保存。それをIEで開くだけです。
ご迷惑をおかけしました。
万年床生活者さま＞本当ににスイマセン！何度読んでも、やっぱり理解不能です。私のような者が手を出すようなレベルの内容ではなかったようです。まだ教えていただけるのであれば・・・と思うのですが、もしかしたら理解が難しいかも知れません。一応何が理解できないかを記述します。まず一からの手順がすでに理解できません。
（１）javascriptを有効するんですよね？
（２）HTMLテンプレートの「BODY」を
<body onload="blink()">に編集ですよね？
（３）ココから理解できません。#21をコピーあんどペーストするんですか？
（４）は#22の内容を実行ですか？
ホントに手順が分かりません・・・
つづく
#23のつづき。あと用語が意味が分からない場所があります。
万年床生活者サン記述の#22の「ブログにアップする前に一度ローカルで試されては」のローカルっていう言葉が何を指すのか分かりません。
「コピペして拡張子は.htmlで保存」というのも意味が理解不能です。それをIEで開くとは？インターネットエクスプローラーで開く？この開くとはブログを投稿することではないのですか？ これじゃ、全く話にもならなそうですね・・・情けない。
>>#24
まずはコメントしていただいたことに感謝いたします。
私も初心者でしかも説明はかなり下手なほうです。時間があるときにでも、ゆっくりやってみてください。
「ローカルで試す」という言い方が正しいのかどうかわかりませんが、要は一旦ブログから離れて、ご自身のＰＣ内だけで文字が点滅する様を気軽に体験してください、という意味です。
■
>>#21 の内容(<html>～</html>）をまるごとコピーする
■Windowsのメモ帳(notepad)を開く
■コピーした#21を貼り付ける
■【ファイル】⇒【名前を付けて保存】
■ファイル名の入力欄には“blink.html”と入力し、デスクトップに保存する。 ［つづく］
［つづき］
■デスクトップに"blink.html"というファイルができる。
■そのファイルをダブルクリックするとインターネットエクスプローラーが起動する。
※もしもインターネットエクスプローラーが起動しなかったら、ダブルクリックではなく右クリックして【アプリケーションから開く】でインターネットエクスプローラー選択してください
これでインターネットエクスプローラー上で
『うわぁ点滅してる♪うれっすぃー（´∀｀ ）』という部分があたかも<BLINK>で点滅させているかのように点滅すると思うのですが・・・いかがでしょうか＾＾；
補足：
ファイル名は何でもいいですよ。
“キョロ.html”でも可。
要は最後に必ず“.html”をつけることです。
万年床生活者さん＞何度もごめんなさい。>>#21 ～>>#27. までは、とても丁寧なご説明のおかげで、うまく行きました。ＩＥでノートパッドを開くと、うわぁ点滅してる♪うれっすぃー（´∀｀ ）が点滅しました！でも、その先は、一体何をしたらよいのかが分かりません。これをそのまま投稿するわけではなく、下準備があるんですよね？
何度も同じ所を説明していただいているようですが、何がどこにあるかとなどもイマイチ把握していない有様です。
引き続きご回答頂けるようでしたらよろしくお願いします。
>>#28
点滅しましたか。それは良かった(^^)
では早速ブログで実行する方法を説明・・・と言いたい所ですが、その前にひとつお聞きします。
「CSSやHTMLテンプレートの編集には慣れていますか？」もし不慣れだったら・・・やり方を説明する自信がありません。
つづきは、一応自分のブログで試したうえで、また書きますね。
万年床生活者さん＞スイマセン・・・「CSSやHTMLテンプレートの編集」はやった事がありません。
ブログでお試しいただいた上、お返事をお待ちしてます。
お手数をお掛けします。
とりあえず私のブログではうまくいきました。
ただちょっと表示が重くなってしまいましたね。ま、私のＰＣが古いからでしょうけど＾＾；
説明は…もう少々お待ちくださいませ m( __;)m
はい、すいません、よろしくお願いします！
＜私説明が下手だから・・・説明のための画像でも用意しとこうかな・・・＞
あ、ホントにお待たせしてごめんなさい＾＾；
忘れてるわけではないんだけど・・・（まだ自分でもよく理解できていないから・・・orz）
大変ご迷惑をお掛けして、すいません・・・
私は気長に待ってますので全く大丈夫です！
でも、もし無理だった場合は仕方ないのであきらめますから、その時は言って下さいね。
大変お待たせしました <( __ )>
まずはサンプルとして、インターネットエクスプローラーでコチラをご覧ください↓
http://blog.livedoor.jp/mannendoco_life/archives/5...
（断じて私のブログの宣伝ではありません！その証拠に・・・「他のページは決して見ないでください！こっぱずかすぃから（自爆）」）
『うれっすぃ～～～！！ ヽ(´∀｀)ノ ♪』が点滅していることと思います。
（一時的に点滅するようにしています。確認していただき次第、元に戻します）
次に、やりかたを説明します。
まずは管理ページからココ↓へ行ってください。
http://image.blog.livedoor.jp/mannendoco_life/imgs...
【管理ページトップ】⇒【カスタマイズ・管理】⇒【デザインの設定】です。
キョロさんのブログはとてもデータ量が多く、私の６年前のパソコンではちょっと苦しいので、
とりあえず「トップページ」ではなく「個別記事ページ」（本文の続きやコメント一欄が表示されるページ）でのやりかたを説明します。
失礼
>>#36に不備がありました。
＞【管理ページトップ】⇒【カスタマイズ・管理】⇒【デザインの設定】です。
さらにもうひとつ
【管理ページトップ】⇒【カスタマイズ・管理】⇒【デザインの設定】⇒【カスタマイズ】（ページの右下のアイコン）です。
ここまではおわかりいただけましたでしょうか？
ここから先は…その画面の中にある、訳のわからない英数字をイジくることになるのですが
一歩間違えばキョロさんの大事なブログが壊れてしまう危険性もありますので、作業の前には必ずCSSや各HTMLテンプレートをバックアップ（メモ帳にコピペ＆保存）しておくことをおすすめします。
続きはまた書きますね＾＾；
ここまでの中で、少しでもわからないことがあったら聞いてください。
では具体的な説明に入りたいと思います。
これはREA - HP Team.さんと違って決してスマートな方法ではないのですが、とりあえずこの方法で試してみてください。
場合によっては何度も再構築する必要があるかもしれないので、混雑する時間帯はできるだけ避けてください。
■先に説明したように、まずは管理ページトップから
http://image.blog.livedoor.jp/mannendoco_life/imgs...
へ行き、中央付近にある【個別記事ページ】をクリックし個別記事ページのHTMLテンプレートを表示させる。
>>#12 (JavaScript)をコピーする
■それをHTMLテンプレートの中の<head>から</head>の間に貼り付ける。
※<head>と</head>の場所は必ず確認しておいてください。わからなければ探してください。
※<head>と</head>の間であればスクリプトを貼り付ける場所はどこでも結構です。挿入する場所に前もって[ENTER]を数回押し空白を作っておくと貼り付けた場所がわかりやすくなります。
<body>を
<body onload="blink()">に変更する。
※<body>は普通、</head>の下にあります。
■一番下の【この内容で保存する】をクリックする
■保存した設定をブログに反映させる（再構築）
※再構築は念のため【すべてのページ】で行ってください。
設定は以上です。
次に「試し記事」を投稿してみます。
ブログの投稿ページへ（「シンプルエディタ」で「改行をそのまま反映」という設定を前提に説明します）
例えば
「万年床生活者は問題発言をしてしまいましたorz」という文の中の“問題発言”という部分だけを点滅させたい場合は以下のように入力します。
万年床生活者は<span class="blink">問題発言</span>をしてしまいましたorz
これでとりあえず投稿してみてください。
注※「プレビュー」や「投稿する前に確認する」では点滅しません！
ご自身のブログにアクセスしてください。
※これは説明の必要はないでしょうが、念のため、最初に表示されるのが【トップページ】です。
既に説明したように、トップページでは点滅はしません。個別記事ページのみです（しかしこれでうまくいけば、トップページや月別アーカイブでも点滅させることができるようになります）。
「試し記事」の下にある「この記事のURL」か「Comments(0)」をクリックし、個別記事ページへ移動する。
・・・いかがですか？ 点滅してますか？
うまくいくと私も嬉しいのですが・・・。
とりあえずここまでの結果を教えていただけたら幸いです＾＾
すごい！！点滅してます！！！！！
コメント欄と、トラックバックで点滅しました！
そしたら、この後はどうすればいいのですか？
スタイルシート（CSS） | トップページ | カテゴリアーカイブ | 月別アーカイブ
も全部同じ作業をすればいいのでしょうか？
>>#44
おめでとう！ これでもう解決したも同然ですよ(^^)v
キョロさん、飲み込み早いですね。感心しましたよ。
あとはどうすればいいかというと・・・おっしゃる通りです。
スタイルシート（CSS） | トップページ | カテゴリアーカイブ | 月別アーカイブ も全部同じ作業をすればいいのでしょうか？そのとおりです。
但しスタイルシート（CSS）だけは変更する必要はありません。
あとはトップページ、カテゴリアーカイブ、月別アーカイブで同じ作業をしたうえで全てのページを再構築してください。
今キョロさんのブログにお邪魔してきました＾＾
個別記事ページで「問題発言」がキチンと点滅しているのを見て一安心するとともに、この例文こそ問題があるのでは…と少し反省。あれを見たキョロさんのお友達は「？？？」だったでしょうね…（苦笑）
トップページでの作業はどうやらまだのようですね。
間違えてドツボにはまらないよう、ゆっくりやってください。
トップページでは、点滅させる文字の量にもよりますが、個別記事ページよりも点滅のスピードが遅くなってしまうかもしれません。
また、たとえキョロさんのパソコンでは正常に点滅しても、私のような古いパソコンから見ると、点滅の速度が異常に遅くなったり最悪点滅しないなんてこともありえます。また、訪問者がJavaScriptをオフにしていると点滅は一切せず、普通の表示になります（JavaScriptをオフにしている人はほとんどいないと思いますが）。
ここまで来ればもう
万年床生活者は<span class="blink">問題発言</span>をしてしまいましたorz上の例文を参考に、好きな文字を点滅させることが出来るようになっていることと思います。
最後に、点滅させるときに使うタグについてなのですが
<p>,<div>,<span>,<blink> の意味はお解かりでしょうか。
これらの意味は言葉で説明するよりも、記事に書いてみて、実際にはどのように表示されるのかを目で見たほうが違いがわかりやすいと思います。
また、上の例文では、<span class="blink">としましたが、ブラウザがインターネットエクスプローラー以外の人（私はOperaです）のためにも
REA - HP Team.さんのおっしゃるとおり
<blink class="blink">点滅させる文字</blink>にしたほうがベターでしょう。
ふぅ～・・・。
えー、これにて授業（？）を終了いたします。
キョロさん、おつかれさまでした(^^)
私も正直疲れました。こんなに説明しまくったのは初めてでしたから。でも心地よい疲れです。
さてと・・・キョロさんの爆笑画像集を見て、気分転換しようかな♪
それではまた＾＾
もちろんこれ以降も質問は受け付けていますので、もしわからないことがあったら
ココか某備忘録のほうで遠慮なく聞いてくださいね。
最後に
REA - HP Team.さん、本当にありがとうございました。
優れた教本（REA - HP Team.さんの一連のコメント）が目の前にあったおかげで、初心者の私でもなんとか説明することができましたし（内容はREA - HP Team.さんから見たらツッコミどころ満載だと思いますが）、私自身もとても勉強になりました。この場をお借りして御礼申し上げます。
万年床生活者さん、本当にありがとうございました！
おかげさまで、すべて解決しましたので、
万年床生活者さんにベスト回答をさしあげます！
解答欄にご記入をお願いします。
キョロさん、解決本当におめでとうございました！
気持ちは嬉しいのですが
ベスト回答は、私が一連のコメントを教科書代わりにさせてもらったREA - HP Team.さんに是非差し上げてください。
これは決して私が遠慮して言っているのではなく
この質問が、たとえ２週間かかっても無事に解決されたことと、REA - HP Team.さんの回答が無駄にならなかったことを知らせたいからなのです。
（ご存知のように、ベスト回答に選ばれると通知メールが届きます）
私はすでにベスト回答以上の喜びを得ていますから・・・そうしていただけますよね？
そうですか・・・わかりました。
万年床生活者さんが、それを望まれるのであればそうさせてもらいますね。
確かにREA - HP Team.さんにもとてもお世話になりました。
ではお二人ともに感謝を込めてREA - HP Team.さんにベスト回答をさしあげます。
>>#53
い、いやん・・・・・・（涙）＆（謹慎中であるはずの私の活動がバレてる）
『鬼先生、ベターありがとうございました』以前、当時のクエンさんが
「退会してもベターやベストの通知は来る」
と言ってましたが…本当でした。
ご迷惑・ご心配をおかけしたみなさんや、特にスレ主であるオニキスさんには改めてお詫びに伺いたいところなのですが
心の整理がまだできていないこともあり
今は、まだ
ナレッジ内でのこれ以上の発言は控えさせていただきたいと思います。
すみません。失礼致します。
(･_･ ) ( ･_･)ｷｮﾛｷｮﾛ
（たまには寝床を作ってもいいか。）
（ＺZz・・・・・）
役立つ質問に2票入れときましたよ。
