stroll [名] [C] ぶらぶら歩き,散歩.

  スポンサーサイト

一定期間更新がないため広告を表示しています

- | permalink | - | - | ↑top
Clip!! | Ranking |

  コメントプレビューを必要なときだけ実行するには?

コメントをプレビューする?
当blogで公開させていただいたJavaScript:コメントをプレビュー表示
実は少々問題がありまして・・・。
コメント数、トラックバック数が多くなるにつれて、コメントプレビュー処理がだんだんと遅くなってしまいます。
(理由は、コメント、トラックバック数が多くなるとその分、コメントプレビューするid属性のタグを探す処理に時間がかかってしまうためです。)
そのため、コメント入力にも支障がでてしまったり。。。

というわけで、コメントプレビューを必要なときだけ実行するようにする方法を紹介させていただきます。
コメント数+トラックバック数が50を越える可能性がある場合には、デフォルトで実行しないようにしたほうがいいかもしれません。

+追記+
05/01/10 チェックボックスをONに切り替えた際に、プレビューが実行されるように変更しました。

下記、設置方法です。
1)プレビューを実行するかどうかのチェックボックスを設置します。
お好きな場所に、下記のタグを追加してください。
・デフォルトでプレビューを行わない場合
<input type="checkbox" name="checkboxCommentPreview" value="" onClick="changeCommentPreview()" /> コメントをプレビューする?

・デフォルトでプレビューを行う場合
<input type="checkbox" name="checkboxCommentPreview" value="" onClick="changeCommentPreview()" checked /> コメントをプレビューする?


2)プレビューの実行を制御するためのJavaScriptを追加します。
コメントプレビュースクリプトの上に、下記スクリプトを追加してください。
<script type="text/javascript">
<!--
// コメントプレビューを制御
// ↓コメントプレビューをデフォルトでONにする場合は 1 、OFFにする場合は 0
var isCommentPreview = 0;
function changeCommentPreview() {
isCommentPreview = (isCommentPreview == 0) ? 1 : 0;
doCommentPreview();
}
// -->
</script>

・デフォルトでプレビューを行う場合は、上記スクリプトのisCommentPreview = 0;の値を 1 に変更してください。
例)var isCommentPreview = 1;

最後に、コメントプレビュースクリプトの設定部分の後にスクリプトを追加します。
(太字部分を追加)
// コメントプレビュー欄初期表示文字 または、画像タグ
var initString = 'ここにコメントのプレビューが表示されます。';

if ((null == mode || mode != 'init') && isCommentPreview == 0) return;

if (!isDoCommentPreview()) return;


以上で設定完了です。
カスタマイズ(blog) | permalink | comments(44) | trackbacks(21) | ↑top
Clip!! | Ranking |

  スポンサーサイト

- | permalink | - | - | ↑top
Clip!! | Ranking |

  Comment List
はじめまして。
早速適用してみました、プレビュー処理が重くなるほどコメント一杯つくことはあまりないでしょうけど・・・
他のスクリプト等もありがたく利用させて頂いています m(_ _)m
spksさん | 2005/01/09 03:27
1
さん | 2005/01/09 09:52
はじめまして。

早速、、設置させていただきました。
私のところは、まだあんまりコメントがなくて、軽いのですが、重いブログさんもあって、いつかは、うちも重くなるのかなぁって思ってたので、有難いです。

他にも、色々使わせていただいてます。
有難うございます。
これからも、宜しくお願いいたします。
さとりんさん | 2005/01/09 14:52
>>spksさん
はじめまして。
スクリプトご利用ありがとうございます。
他のスクリプトも気に入ったのがあったら、じゃんじゃん使ってください。

>>さとりんさん
はじめまして。
スクリプトご利用ありがとうございます。
>重いブログさんもあって、いつかは、うちも重くなるのかなぁって思ってたので、有難いです。
あ・・・やっぱり重いところありましたか。。。
重くなっちゃうこと自体をスクリプトの改善でなんとかできないか試してたんですけど、ダメだったんでこういう形になっちゃいました。
strollさん | 2005/01/10 18:23
こんにちわ。度々お邪魔しております(汗)。

以前よりコメントプレビューのスクリプトをお借りして
いたのですが、何故かコメント時に重くなっておりました。
コメントやトラックバックは全然多くないはずなんですけども・・・。
サーバ自体が重いからかもしれないのですが、
こちらのスクリプトをお借りして設置してみます。
いつもお世話になります。
なつめさん | 2005/01/13 13:38
・・・本当にたびたびすいません[:すいません:]。

なぜだか、スクリプトが効きません・・・。
どこか私の設定が間違ってるのだと思うのですが、
何かアドバイスをいただければありがたいのですが・・・[:イタタ:]
なつめさん | 2005/01/13 17:25
>>なつめさん
HTMLタグにミスがありました。
「コメントをプレビューする?」のチェックボックスのタグを見てください。
下記のようになってると思います。
<input type="checkbox" name="checkboxCommentPreview" value="" style="(省略)border-color:#556b2f; onClick="changeCommentPreview()" />

このタグのstyle="(省略)border-color:#556b2f; の後に " が足りません。
style="(省略)border-color:#556b2f;" となるように修正してください。
strollさん | 2005/01/14 02:29
はじめまして[:ニコッ:]
コメントプレビューはゼヒ欲しい機能でしたのでさっそく設置し、
勝手ながらライブドアブログ用に紹介させていただきました。
ありがとうございました[:ハハ:]
今後絵文字機能も設置したいと思っています。
またお世話になります[:おんぷ:]
ヨリベビさん | 2005/01/14 10:13
こんにちわ。
JUGEMさん系のBlogさんがなかなか開かなくてげっそり
こちらに伺うのが遅くなりました。

お忙しいところチェックしてくださってありがとうございました。
ご指摘の通り「”」が抜けていました。
もう何度もコピペしたり移動しているうちに
消滅していたんですね・・・。

おかげさまでスクリプトが動くなったので本当に嬉しいです。
ご迷惑あせあせをおかけしてばっかりいますが、
これからもよろしくお願い致します。
なつめさん | 2005/01/14 15:07
>>ヨリベビさん
はじめまして。
こちらこそ、紹介ありがとうございます。
絵文字機能もぜひ設置しちゃってくださいな。

>>なつめさん
そうなんですよねぇ。
最近、またJUGEM重くて。。。
昨日も重くてコメントできず。。

無事動作するようになってよかったです。
こちらこそ、これからもよろしくです[:ニコッ:]
strollさん | 2005/01/15 15:12
AAA
さん | 2005/02/04 00:24
はじめまして
設置させていただきました。
当方FC2ブログですが問題なく利用できました。
ありがとうございます。
R-manさん | 2005/02/11 23:13
こんにちは[:ニコッ:]
あの〜お聞きしたいのですが、
他の方のコメントに絵文字をつけるスクリプトを使ったんですね。
それでこちらのコメントプレビューのスクリプトを使ったのですが、
絵文字が文字で表示されてしまうので、
絵文字もちゃんと表示できるようにはならないでしょうか?
知緒さん | 2005/02/12 20:07
>>R-manさん
はじめまして。
スクリプトご利用ありがとうございます。
R-manさんのブログかっこいいっすねー。

>>知緒さん
うーん。
できなくはないんですけどねぇ。
プレビュー処理に時間がかかってしまう可能性が高くなってしまうのです。
必要なときだけ実行する方法を使用していただければ大丈夫かなぁ。
試してみて、問題なさそうなら記事にさせていただきます。
strollさん | 2005/02/12 23:53
初めまして。当方FC2ブログを使っていまして
こちらのカスタマイズを参考にさせてもらおうと
思っております☆

ところで、コメントブレビューのスクリプトって
どういうスクリプトでしょうか?
2)のところでコメントブレビューのスクリプトの上に
追加してくださいと書いてあるのですが、
チェックボックスのことでしょうか?

お手数をおかけしますが、よろしくお願い致します(汗)
なるさん | 2005/02/17 15:23
>>なるさん
はじめまして。

>ところで、コメントブレビューのスクリプトって
>どういうスクリプトでしょうか?
記事にもリンク張ってあるんですが、わかりにくかったですかね。
コメントプレビュースクリプトは、下記をご覧ください。
http://melrose.jugem.cc/?eid=143

>2)のところでコメントブレビューのスクリプトの上に
>追加してくださいと書いてあるのですが、
>チェックボックスのことでしょうか?
HTMLソース中に追加したコメントプレビュースクリプトの上に・・・ってことなんですがわかりにくいですかね?
↓のような感じにしてくださいってことです。
HTMLソース)
<script>この記事のスクリプト</script>
<script>コメントプレビュースクリプト</script>
strollさん | 2005/02/17 22:24
丁寧に説明して下さってありがとうございます!
もう一つの説明のところに追加すればよかったんですね[:あせ:]

おかげさまで設置できました!

お忙しいところ、ありがとうございました[:ニコッ:]
なるさん | 2005/02/18 14:52
>>なるさん
無事設置できたんですね[:ニコッ:]
よかったです。
もし、よかったらコメントに絵文字機能もつけてみてくださいな。
strollさん | 2005/02/18 23:59
CARNIVALと申します。
このエントリーに対するコメントとは少し違うんですが、
strollさんのところではコメントの引用行に色が付くんですね!
これをぜひ私のところ(MT)でもやってみたいのですが、
導入方法を探してみても、MT向けのものはなかなかみつかりません。
どうにかMTでもこの機能を導入できませんでしょうか?
CARNIVALさん | 2005/02/24 19:38
>>CARNIVALさん
はじめまして。
コメントの引用行に色をつけるスクリプトはJUGEMカスタマイズ講座さんの下記の記事をごらんください。
MTでもできるはずです。

コメントの引用行を分かりやすくする
http://nz.jugemers.net/log/eid40.html
strollさん | 2005/02/25 00:12
こんにちは!
「コメント欄に絵文字」のカスタマイズに引き続き、こちらのスプリクトもお借りしました。
お陰さまで、トラブル無く設置することが出来ました。

どうもありがとうございました。
これからも宜しくお願いいたします[:ハハ:]
ポムポムさん | 2005/03/02 16:08
>>ポムポムさん
「コメント欄に絵文字」のカスタマイズに引き続き、スクリプトご利用ありがとうございます[:ニコッ:]
こちらこそ、これからもよろしくです。
strollさん | 2005/03/03 00:04
aaaaaaaaaaa[:サングラス:]
testさん | 2005/05/01 06:28
色々なスクリプトを利用させて頂き、お世話になっています。
コメントプレビューしたいと思っていましたので、こちらのスクリプトも使わせて頂きました。
ありがとうございます。
かりんさん | 2005/05/13 21:23
はじめまして、早速実装させていただきました。
任意で選択できるのでとてもいいですね[:らぶ:]
プレビューをつけてみたのはいいけど少々重く感じていました。
タイムリーでした。(^-^)
sofさん | 2005/06/15 02:19
はじめまして。kantaと申します。
コメントプレビューのスクリプト、お借り致しました。
最近カスタマイズにはまっています[:はあと×2:]
このスクリプトの事を記事にする際にこちらを紹介したいと思っております。
これからもよろしくお願い致します。[:ニコッ:]
kantaさん | 2005/06/16 10:26
初めまして。コメント欄に絵文字入力機能、
プレヴュー機能(プレヴューを制限する機能)をお借りしました。

あれば便利なのにな〜と思っていた機能が、とっても簡単に
設置できて感謝してます。
本当にありがとうございました<(_ _)>
ぶ〜にゃんさん | 2005/07/08 07:38
はじめまして、いつもこちらを参考にさせてもらってます。
早速なんですが、コメントプレビューあったらいいなぁ。。。なんて思っていたので、早速設置しようと試みたのですがどう頑張ってもお手上げ状態です。
現在、FC2のブログを使っており、こちらの”コメント欄に絵文字追加”のスクリプトと最近FC2でも使えるようになった”コメント欄に装飾機能”のスクリプトを既に付けております。
さらに、こちらのコメントプレビュー(出来れば、この必要な時だけ。。。)を付けたいのですが。。。
FC2のコメント装飾機能の方でtextareaのidがcommentになっていたので、プレビューの方のid属性をcommentに合わせてみたり、またFC2の方をこちらのコメントプレビューのに合わせて見たり。。。自分なりに試行錯誤してみたのですが、結局はどちらかが使えない状態になってしまいます。
”コメントに絵文字追加””コメントに装飾機能””コメントプレビュー”これら3つを同時に設置するのは無理なのでしょうか?
お力を貸していただければと思いますのでよろしくお願いします。
hitomiさん | 2005/08/21 15:33
こんばんは。
以前からコメントプレビューのスクリプトをお借りしていました。
プログのリニューアルとともに必要な時にプレビューをするように
カスタマイズさせて頂きました。
どうもありがとうございました[:おんぷ:]
saiさん | 2005/10/12 22:28
strollさん、お久しぶりです。
以前のコメントプレビューをお借りしていたのですが、
この度、テンプレを替える際に新しいスクリプトを
お借りしました。

いつも、ありがとうございます。[:ニコッ:]
sayuさん | 2005/12/13 15:54
Debbie Albinさん | 2006/03/21 07:31
<a href=http://7rape.com/mp3/kazoo-mp3-player > kazoo-mp3-player </a>,[url=http://7rape.com/mp3/kazoo-mp3-player ] kazoo-mp3-player [/url], http://7rape.com/mp3/kazoo-mp3-player <a href=http://freelink.org/antidepressants > antidepressants </a>,[url=http://freelink.org/antidepressants ] antidepressants [/url], http://freelink.org/antidepressants <a href=http://freelink.org/allergies > allergies </a>,[url=http://freelink.org/allergies ] allergies [/url], http://freelink.org/allergies <a href=http://7rape.com/mp3/napa-mp3-player > napa-mp3-player </a>,[url=http://7rape.com/mp3/napa-mp3-player ] napa-mp3-player [/url], http://7rape.com/mp3/napa-mp3-player <a href=http://7rape.com/mp3/personal-mp3-player > personal-mp3-player </a>,[url=http://7rape.com/mp3/personal-mp3-player ] personal-mp3-player [/url], http://7rape.com/mp3/personal-mp3-player <a href=http://7rape.com/mp3/samsung-mp3-player > samsung-mp3-player </a>,[url=http://7rape.com/mp3/samsung-mp3-player ] samsung-mp3-player [/url], http://7rape.com/mp3/samsung-mp3-player <a href=http://7rape.com/mp3/sports-mp3-player > sports-mp3-player </a>,[url=http://7rape.com/mp3/sports-mp3-player ] sports-mp3-player [/url], http://7rape.com/mp3/sports-mp3-player <a href=http://7rape.com/mp3/mini-mp3-player > mini-mp3-player </a>,[url=http://7rape.com/mp3/mini-mp3-player ] mini-mp3-player [/url], http://7rape.com/mp3/mini-mp3-player <a href=http://7rape.com/mp3/mb-mp3-player > mb-mp3-player </a>,[url=http://7rape.com/mp3/mb-mp3-player ] mb-mp3-player [/url], http://7rape.com/mp3/mb-mp3-player
Laura Bookさん | 2006/03/22 09:04
いつもお世話になっています[:はあと:]
以前からコメント表示のスクリプトをお借りしていて
今回デザインを変えたのですが、スクリプトが効かない
みたいなんです…[:泣き:]以前のテンプレートでも
使っていたので、そのまま同じタグを使ったのですが
どう書き換えてもスクリプトが表示されなくて
てんてこまいになってしまいました。お時間のある時に
アドバイスお願いします[:すいません:]
chiさん | 2006/08/02 14:52
連続でコメントごめんなさい!
もう一度、初めからテンプレートのやり直しをして
書き換えたらできました[:イタタ:]
何がダメだったのか不明なのですが…ちゃんと
表示されるようになりました★お手数かけました[:泣き:]
chiさん | 2006/08/02 18:42
プレビュー機能設置させていただきました!
かなり使い勝手がいいモノですねっ
ふと思ったのですがこのJsは外部化できないのでしょうか?
どことなくSEO的に不利なのかなと思ったのですが?
お時間あるときにでもコメントいただけましたら幸いです。
GUTSさん | 2006/08/10 22:34
はじめまして。
リアルタイムプレビューを便利に使わせて頂いています。
ありがとうございます。

コメントが多くなってくるとやはり遅くなってしまうので
こちらのエントリーを参考にさせていただき、ライブドアブログに
設置させていただきました。
ありがとうございました[:ニコッ:]
さおりさん | 2006/10/16 18:38
初心者でもできる簡単FC2ブログの作り方さんのエントリーからきました。
使わせていただいてるので御礼を兼ねて報告です。
自分なりに外部スクリプト化してみました。
が、軽いバグありです(^^;
今のところたいした問題ではなさそうですが。
kk6さん | 2006/12/06 20:21
コメントプレビュー機能スクリプトお借りしました[:はあと:]

Serene Bach 2.08Dで使用しているのですが、1点困ってます[:泣き:]
コメントを書こうと個別画面に行きますと・・・
コメント蘭に </> が表示されてます[:イタタ:]
消せば済むのですが表示させないようにはできないでしょうか[:すいません:]

お時間がありましたらご助言をお願いしますあせあせ
キスティスさん | 2006/12/16 23:33
初めまして!
コメントプレビューの機能スクリプトを
お借りしました。
前から欲しいなぁ〜と思ってたので、
うまく出来て良かったです。
あやさん | 2008/09/15 13:48
アラド 戦記 RMTゴールドの販売(RMT)サイトのRMT-WM店です。弊社が販売したのは アラド戦記-RMTのゲーム通貨を現金で販売,買取するRMTサービスをおこなっています。 アラド戦記 RMTの世界で、プレイ時間が少なく、 アラド戦記-RMTの通貨を効率よく稼げない方にも、充実した アラド戦記- RMTゲームライフを楽しんで頂くため、 アラド戦記-RMTのスターを出来る限り最安値で「安全」「安心」のサービスを提供いたしております。 アラド戦記- RMTを引退したいお客様 必要がなくなりました RMTアラド戦記 )スターの買取(RMT)もさせて頂いております。
<a href="http://www.rmt-wm.com/games/A004.html">『アラド 戦記 RMT』</a> ページへようこそ!
アラド 戦記 RMTさん | 2008/12/08 18:36
管理者の承認待ちコメントです。
-さん | 2009/10/07 10:51
管理者の承認待ちコメントです。
-さん | 2009/10/21 17:50
管理者の承認待ちコメントです。
-さん | 2011/04/07 11:54
管理者の承認待ちコメントです。
-さん | 2011/04/07 11:58

  Comment









  Trackback URL
 

  Trackback
テンプレ拡張でお世話になっています stroll::blogさんですが 当blogで公開させていただいたJavaScript:コメントをプレビュー表示。 実は少々問題がありまして・・・。とのことで。 以前
Nox Noctis | 2005/01/09 18:37
こちらのエントリーはstroll:blogさんのコメントプレビューを必要なときだけ実行するには?の記事にトラックバックさせていただいています。うちのBlogにコメントを頂いているときに、妙に重いことがありませんか?自...
KaleidoScope | 2005/01/13 13:52
ライブドアブログでも以前はコメントの際、 確認画面が出たのですが、いつの間にかなくなってしまい、 ドリコムなどで使用されているコメントのプレビュー機能が 欲しいな〜と思っていました。 っと、偶然プレビューを実装できる方法を見つけました!! stroll::
*ヨリベビのハンドメイドな生活* | 2005/01/13 21:55
stroll::blogさんのコメントプレビューを導入することにより少しでもコメントを書きやすくしました。JUGEMカスタマイズ講座さんのツリー化スクリプトを使うことにより右サイドバーの表示の短縮化を行いました。これか...
かんのものおき | 2005/01/23 07:39
最近、ブログするようになって、イソイソとカスタマイズに励む日々・・・[:見る:] と言っても、HTMLやスクリプトのコードを見るだけでイヤになってくるので、適当ですけど。(曲がりなりにも元SEの言葉とは思えない・・・[:銃:]) ってことで、つけて見たのはコレ、
ちゃーりー的日常。 | 2005/03/11 10:56
MTにはあってsbにはない、コメントプレビュー。そのうちいじりたいと思ってたけど、早速コメント頂いてしまったので、早々にいじりました。他のBlogさんみたいに、カラーでプレビュー枠作りたかったけど・・・うまく...
Diamond Lesson | 2005/04/24 19:02
MTにはあってsbにはない、コメントプレビュー。そのうちいじりたいと思ってたけど、早速コメント頂いてしまったので、早々にいじりました。他のBlogさんみたいに、カラーでプレビュー枠作りたかったけど・・・うまく...
Diamond Lesson | 2005/04/24 19:04
stroll::blog さま 「コメントプレビューを必要なときだけ実行するには?」 ・・・によりますと、コメント ・ トラックバック数が多くなるにつれて、 コメントプレビュー 処理がだんだんと遅くなってくるそうです。 コメント ・ トラックバック数が多くなると その分
みるくここあ | 2005/05/06 09:24
今まで、コメント欄のプレビューがなく不便だなと思っていたのですが、stroll::blogさんの「コメントプレビューを必要なときだけ実行するには?」を参考にさせて頂き、プレビューできるようにしました。 コメントをプレビューする? の前のボックスにチェックを入れる
Sometimes | 2005/05/13 21:25
今まで、コメント欄のプレビューがなく不便だなと思っていたのですが、stroll::blogさんの「コメントプレビューを必要なときだけ実行するには?」を参考にさせて頂き、プレビューできるようにしました。 コメントをプレビューする? の前のボックスにチェックを入れる
Sometimes | 2005/05/13 23:08
kaz様のオススメで コメントプレビューを表示できるようにしました! デフォルトでは表示出来ないようにしましたので、 チェックボックスをオンにしていただくと表示します。 絵文字は絵になって表示されないようですね…。 ま、是非使ってみて下さい。 strol
zunko日記blog! | 2005/05/14 15:05
今日は休みだったので、さらにカスタマし倒しました(笑。 つか、本館についてるヤツで導入できるモノをつけただけなんデスが。 以下、簡単に参考元のリンクです。 (多すぎるので…) stroll::blogさんより ページなび、コメントにカスタマイズ絵文字入力機能
Nox Noctis 別館 | 2005/06/02 23:45
コメントプレビューを設置しました。 やむやむさんの記事を参考にさせていただいてい...
*** CCC *** | 2005/06/15 02:20
このブログのコメント投稿欄には、コメントプレビュー機能が搭載されています。 と言っても自前ではなく、stroll::blog さんの『コメントをプレビュー表示』を見て作成しました。 『コメントプレビューを必要なときだけ実行するには?』も同じく参照してみて下さい。
Mario Blog | 2005/08/18 14:12
このブログのコメント投稿欄には、コメントプレビュー機能が搭載されています。 と言っても自前ではなく、stroll::blog さんの『コメントをプレビュー表示』を見て作成しました。 『コメントプレビューを必要なときだけ実行するには?』も同じく参照してみて下さい。
Mario Blog | 2005/08/18 14:12
だいぶ形になってきましたでしょうか?ということで…:カスタマイズの方法やスクリプトを貸して頂いたサイト様のご紹介照れ:いっぺんにやらずにちょこちょこやらなきゃだね汗汗:どっぷり疲れちゃいましたむきゅ:
*ふぇれちょ* | 2005/08/23 12:07
コメントプレビューを取り入れていましたが、必要な時だけ実行するスクリプトを入れました。stroll::blog | コメントプレビューを必要なときだけ実行するには?コメントをプレビューする?の横のチェックボックスにチ...
sai's garden blog | 2005/10/12 22:29
コメントのリアルタイムプレビュー
EGOTOPIA | 2005/10/24 17:27
ここを 以前 「みるくここあ」 ってブログ名で やってたときに装備してた コメントのリアルタイムプレビューと コメント時に使える絵文字を 復活させた。 「コメントプレビュー」 で  ⇒ stroll::blog : コメントをプレビュー表示  ⇒ stroll::blog : コメ
さえらんち | 2006/01/19 22:14
昨日、一気に いろんなカスタマイズに挑戦!自分的に かなり使いやすくなったし、コメント周りなど まぁまぁ 使いやすく 賑やかになってきたかな...
てぃあら | 2006/01/21 09:27
stroll::blogさんを参考に、コメントフォーム部分をカスタマイズした。 1.コメントプレビュー機能と停止機能 (参考:「コメントをプレビュー表示」と「コメントプレビューを必要なときだけ実行するには?」) 別のブログで、リアルタイムでのコメントプレビュー
超・分会長の小屋.増改築 | 2007/11/14 02:13
Home  |  Selected Entries  |  Recent Comments  |  Recent Trackback  |  Categories  |  Archives  |  bbs