コメント欄パワーアップ作戦 （ 4 ）
2006年02月02日 AQ
コメント欄のカスタマイズで、またひとつ問題が見つかりました。AQ のブログの基本テンプレートは、ライブドアのリニューアル後のものなのですが、これには従来無かった既存の絵文字が、設定されています。AQ 的にはこの絵文字はあまり好きでなかったので、新しい絵文字を追加し、この既存の絵文字は削除してしまいました。その為、これからお話する問題に気づかなかったのですが、既存の絵文字を使用しながら 、「地獄変OOさん」 の、「livedoor Blogのコメント欄に引用部強調機能をつける」 を設置すると、その既存の絵文字が使用不可能になる事がわかりました。
※ 追記: その後、携帯からも見れなくなるという報告もありました。
原因は強調させる部分ではなく、このスクリプトに併せて動作する、『 コメント欄に記入した リンクURL をクリックすると飛べるようになる 』 が既存の絵文字に対して誤作動させる事にあったんです。
そこで、ライブドアのリニューアル後のテンプレートを使用し、既存の絵文字をそのまま使いながら、コメント欄の中に強調させる部分を作るスクリプトを、導入する方法をお知らせします。
※ 追記 （ 2006年05月01日 ） ：
その後この件につきましては、新しいスクリプトを使用することにより解消されています。この記事はこういう流れが過去にあったという事情をご理解いただくために残してあります。ご了承下さい。
※ お知らせ （ 2006年06月09日 ）
この記事に書かれている方法は、リニューアル後の現在のライブドアのテンプレートには適していません。過去の古いテンプレートには問題ないのですが、その古いテンプレートも徐々に無くなってきています。よって、この 『 コメント欄に記入した URL が自動リンクする 』 カスタマイズを導入したい方は、下記の最新の記事をご参考にして下さい。
この記事に書かれている方法は、リニューアル後の現在のライブドアのテンプレートには適していません。過去の古いテンプレートには問題ないのですが、その古いテンプレートも徐々に無くなってきています。よって、この 『 コメント欄に記入した URL が自動リンクする 』 カスタマイズを導入したい方は、下記の最新の記事をご参考にして下さい。
これら上記の記事も併せてお読み下さい。
※ リニューアル後のライブドアテンプレートに、「livedoor Blogのコメント欄に引用部強調機能をつける」 のスクリプトを設置して、それ自体がうまく作動しない方へ。
この上記の記事は、特にお読み下さい。
さて本題に入ります。この下にあるのが 「livedoor Blogのコメント欄に引用部強調機能をつける」
のスクリプトソースですが、青色の字の部分を見て下さい。
※ このスクリプトソースは、ライブドアリニューアル後の対応版です。
<script type="text/javascript">
function changeURLIntoLink(){
var aryDiv = document.getElementsByTagName("div");
var sHTML;
var regURL = new RegExp("(s?https?://[-_.!~*'()a-zA-Z0-9;/?:@&=+$,%#]+)","g");
var regQuot = new RegExp("(<(B|b)(R|r) ?/?>\r?\n?)(>|＞)([^<>]+)","g");
var regBRClr = new RegExp("^<br />","i");
for(var i = 0; i < aryDiv.length ; i++){
if(aryDiv[i].getAttribute("class") == "commenttext" ||
aryDiv[i].getAttribute("className") == "commenttext"){
sHTML = aryDiv[i].innerHTML;
sHTML = sHTML.replace(regURL,'<a href="$1" target="_blank">$1</a>');
sHTML = '<br />' + sHTML;
sHTML = sHTML.replace(regQuot,'<br /><span style="color:#0066FF">$4$5</span>');
sHTML = sHTML.replace(regBRClr,'');
aryDiv[i].innerHTML = sHTML;
}
}
}
</script>
function changeURLIntoLink(){
var aryDiv = document.getElementsByTagName("div");
var sHTML;
var regURL = new RegExp("(s?https?://[-_.!~*'()a-zA-Z0-9;/?:@&=+$,%#]+)","g");
var regQuot = new RegExp("(<(B|b)(R|r) ?/?>\r?\n?)(>|＞)([^<>]+)","g");
var regBRClr = new RegExp("^<br />","i");
for(var i = 0; i < aryDiv.length ; i++){
if(aryDiv[i].getAttribute("class") == "commenttext" ||
aryDiv[i].getAttribute("className") == "commenttext"){
sHTML = aryDiv[i].innerHTML;
sHTML = sHTML.replace(regURL,'<a href="$1" target="_blank">$1</a>');
sHTML = '<br />' + sHTML;
sHTML = sHTML.replace(regQuot,'<br /><span style="color:#0066FF">$4$5</span>');
sHTML = sHTML.replace(regBRClr,'');
aryDiv[i].innerHTML = sHTML;
}
}
}
</script>
この青色の文字の部分が、コメント欄に記入された リンクURL を飛ばす為の記述なんですが、この部分を削除します。そうして設置された場合は、コメント欄に記入された リンクURL を飛ばす事はできなくなりますが、既存のライブドア絵文字と、コメント欄の中の強調文字は同時に作動させる事が可能になります。
既存のライブドア絵文字を使用する方を選ぶのか、独自の絵文字を使用する方を選ぶのかは、あなたの感性です。良くお考えになってカスタマイズして下さい。(^^)
※ 追記 （ 2006年05月01日 ） ：
その後この件につきましては、新しいスクリプトを使用することにより解消されています。この記事はこういう流れが過去にあったという事情をご理解いただくために残してあります。ご了承下さい。
■ 新スクリプト関連記事 ：
1. Posted by teru teru 2006年02月02日 20:47
『Read more？』ボタン凄い[フリフリ]
2. Posted by AQ 2006年02月02日 20:50
＞ teruteru
あれ〜^^; 今ごろ気づいたん [汗汗]
teruteru も早よ、新しいテンプレートに替え〜な！
そしたら、やり方教えてあげるし〜 [ラブラブ]
あれ〜^^; 今ごろ気づいたん [汗汗]
teruteru も早よ、新しいテンプレートに替え〜な！
そしたら、やり方教えてあげるし〜 [ラブラブ]
3. Posted by ツー君 2006年02月02日 21:14
ダサダサ・コメントすいません[叫び][叫び]
4. Posted by くらなむ 2006年02月02日 21:17
ありがとうございましたぁ〜[アハ]
実は、あの後スクリプトを設置した状態だと
携帯からは 見られなかったことも判明[あーあ]
何が原因かはよくは分からないのですが…。
ホントに難しいですね[ギョロ目]とりあえず、この方法で
やってみます。
本当に ありがとうございました[ラブラブ]
実は、あの後スクリプトを設置した状態だと
携帯からは 見られなかったことも判明[あーあ]
何が原因かはよくは分からないのですが…。
ホントに難しいですね[ギョロ目]とりあえず、この方法で
やってみます。
本当に ありがとうございました[ラブラブ]
5. Posted by くらなむ 2006年02月02日 21:20
ブログ大賞、ぽちっと してきましたぁ〜[チュッ]
がんばってくださいね[ラブラブ]
がんばってくださいね[ラブラブ]
6. Posted by teru teru 2006年02月02日 21:38
知らんかった[ウェーン]
それより凄い情報！
FAXがメールで♪
FAX番号をタダでもらって・・・
めんどくさなってきた[orz...]
詳しくはmixiの記事で[フリフリ]
それより凄い情報！
FAXがメールで♪
FAX番号をタダでもらって・・・
めんどくさなってきた[orz...]
詳しくはmixiの記事で[フリフリ]
7. Posted by AQ 2006年02月02日 21:58
＞ ツー君 ^^;
いえいえ。ご投票ありがとうございます。
感謝してますよ [ハート]
いえいえ。ご投票ありがとうございます。
感謝してますよ [ハート]
8. Posted by AQ 2006年02月02日 22:01
＞ くらなむ さん
カスタマイズは、はまると身体を壊しますよ ^^;
またいつでもお気軽にお聞きください。
ＰＳ,ご投票ありがとうございます。頑張ります！
カスタマイズは、はまると身体を壊しますよ ^^;
またいつでもお気軽にお聞きください。
ＰＳ,ご投票ありがとうございます。頑張ります！
9. Posted by AQ 2006年02月02日 22:03
＞ teruteru
また MIXI ネタかいな ^^;
しゃ〜ないな。１回ぐらいは見に行ったろ [無言]
また MIXI ネタかいな ^^;
しゃ〜ないな。１回ぐらいは見に行ったろ [無言]
10. Posted by teru teru 2006年02月02日 22:53
[叫び]
11. Posted by AQ 2006年02月02日 22:55
＞ teruteru
なんやの？ 絵文字だけで気持ちをあらわさんといて [？]
なんやの？ 絵文字だけで気持ちをあらわさんといて [？]
12. Posted by teru teru 2006年02月02日 23:12
やっとmixiに登録しましたね[フリフリ]
ようこそ[フリフリ]mixiへ[フリフリ]
月光仮面さんにもAQを早く誘えと・・・
言われ続けて数ヶ月[叫び]
ようこそ[フリフリ]mixiへ[フリフリ]
月光仮面さんにもAQを早く誘えと・・・
言われ続けて数ヶ月[叫び]
13. Posted by AQ 2006年02月03日 01:14
＞ teruteru・・・[orz...]
お願いです。僕をそっと静かに、一人にして下さい。[あーあ]
お願いです。僕をそっと静かに、一人にして下さい。[あーあ]
14. Posted by くらなむ 2006年02月03日 07:32
おはよ〜ございます。
スクリプトを設置しました。
携帯からもチェックしてみましたが、大丈夫でした[音符]
ほんとに、今回はお手数おかけして 申し訳ありませんでした。
でも、ずっと設置したいと思っていたことが、達成できて
ホントに嬉しいです[ラブラブ]
ありがとうございました[ニコ]
スクリプトを設置しました。
携帯からもチェックしてみましたが、大丈夫でした[音符]
ほんとに、今回はお手数おかけして 申し訳ありませんでした。
でも、ずっと設置したいと思っていたことが、達成できて
ホントに嬉しいです[ラブラブ]
ありがとうございました[ニコ]
15. Posted by AQ 2006年02月03日 14:08
＞ くらなむ さん (^^)
ご苦労様でした。
あとでチェックしに、遊びに行かせていただきますね〜♪
ご苦労様でした。
あとでチェックしに、遊びに行かせていただきますね〜♪
16. Posted by 裏島金太郎 2006年02月06日 04:01
独自の絵文字を使用してもURLのリンクは出来ないのですか？
http://blog
http://blog
17. Posted by AQ 2006年02月06日 15:53
＞ 裏島金太郎 さん 初めまして
え〜・・・。よく記事を読んでいただくと良いのですが、
” URL のリンクが出来なくなる ” のではなく、
” 既存の絵文字が使用できなくなる ” というお話です。
また、携帯から閲覧も出来なくなる・・・です。
文字の強調及び、URL のリンクは動作しますが、その為、
ライブドアリニューアルテンプレートに既存している絵文字は
まったく使用できません。
これの回避方法は、上記の記事に書いた、スクリプトの記述を
変えるか、既存の絵文字に関する記述をを完全に HTML から削
除して、独自の絵文字スクリプトを新たに追加する方法しか、
現在のところ私の方では、見つかっておりません。
え〜・・・。よく記事を読んでいただくと良いのですが、
” URL のリンクが出来なくなる ” のではなく、
” 既存の絵文字が使用できなくなる ” というお話です。
また、携帯から閲覧も出来なくなる・・・です。
文字の強調及び、URL のリンクは動作しますが、その為、
ライブドアリニューアルテンプレートに既存している絵文字は
まったく使用できません。
これの回避方法は、上記の記事に書いた、スクリプトの記述を
変えるか、既存の絵文字に関する記述をを完全に HTML から削
除して、独自の絵文字スクリプトを新たに追加する方法しか、
現在のところ私の方では、見つかっておりません。
18. Posted by 裏金 2006年02月07日 06:11
絵文字が使えないのは何か嫌ですねｗ
携帯から見れないのは構わないのですが。。。
あと、
http://www.bricklife.com/library/mtlinknumber.html
↑
ライブドアブログのコメント欄でこういうのは出来ないですかね？
携帯から見れないのは構わないのですが。。。
あと、
http://www.bricklife.com/library/mtlinknumber.html
↑
ライブドアブログのコメント欄でこういうのは出来ないですかね？
19. Posted by AQ 2006年02月07日 14:13
＞ 裏島・・・ん？ 裏金 さんに変わってる。
他者のコメントにコメントするのは、ブログ的にはあまり
良くないと思われますけど、できるかできないかは一度、
やってみたいですね。[アングリ]
一応ペットブログなので、ペットネタが優先になります。^^;
それとこのブログに施した、カスタマイズの紹介もしなければ
なりませんので、暇を見ては試してみますが、気長に気長に
・・・という感じでお願いします。[汗汗]
他者のコメントにコメントするのは、ブログ的にはあまり
良くないと思われますけど、できるかできないかは一度、
やってみたいですね。[アングリ]
一応ペットブログなので、ペットネタが優先になります。^^;
それとこのブログに施した、カスタマイズの紹介もしなければ
なりませんので、暇を見ては試してみますが、気長に気長に
・・・という感じでお願いします。[汗汗]
![[BloMotion]ブログで記事を書いて報酬をゲット!!](http://blomotion.jp/img/blogBnr-invite.gif "[BloMotion]ブログで記事を書いて報酬をゲット!!")
