【概要】
コメントを新しい→古いの順番で表示させるようにします。
下記のソースコードをフリープラグインに貼り付けて使用します。
【サンプルコード】
<script type="text/javascript"><!--
function CommentSort() {
if (document.getElementById('comment_module')) {
var CommentModule = document.getElementById('comment_module');
var CommentNumber = CommentModule.getElementsByTagName('div').length-3;
var CommentData = new Array();
for (i = 0, j = 0; i <= CommentNumber; i = i+2, j++) {
CommentData[j] = CommentModule.getElementsByTagName('div')[i].innerHTML;
}
for (i = 0; i <= CommentNumber; i = i+2) {
j--;
CommentModule.getElementsByTagName('div')[i].innerHTML = CommentData[j];
}
}
}
//--></script>
【実行関数名】
CommentSort();
※このページのサンプルコードを実行させるには、上の関数を実行させる必要があります。
ページ読み込み後に実行させるには、下記のコードを追加してください。
<script type="text/javascript"><!--
window.onload = function() {
CommentSort();
}
//--></script>
ただし、window.onloadが複数あるとうまく実行しないため、すでにwindow.onloadがある場合は下記のように他の関数の下などに追加してください。
<script type="text/javascript"><!--
window.onload = function() {
他の関数();
CommentSort();
}
//--></script>
【実行例】
コメント1
コメント2
コメント3
↓
コメント3
コメント2
コメント1
【注意点】
コメントへのページ内リンクがうまく動作しなくなります。たとえばコメントが5つある状態で、サイドバーや管理画面からコメント5をクリックした場合、コメント1の場所へと移動することになります。
携帯またはJavaScriptがオフの場合は動作しません。
このサンプルはアメブロ専用です。
コメントを新しい→古いの順番で表示させるようにします。
下記のソースコードをフリープラグインに貼り付けて使用します。
【サンプルコード】
<script type="text/javascript"><!--
function CommentSort() {
if (document.getElementById('comment_module')) {
var CommentModule = document.getElementById('comment_module');
var CommentNumber = CommentModule.getElementsByTagName('div').length-3;
var CommentData = new Array();
for (i = 0, j = 0; i <= CommentNumber; i = i+2, j++) {
CommentData[j] = CommentModule.getElementsByTagName('div')[i].innerHTML;
}
for (i = 0; i <= CommentNumber; i = i+2) {
j--;
CommentModule.getElementsByTagName('div')[i].innerHTML = CommentData[j];
}
}
}
//--></script>
【実行関数名】
CommentSort();
※このページのサンプルコードを実行させるには、上の関数を実行させる必要があります。
ページ読み込み後に実行させるには、下記のコードを追加してください。
<script type="text/javascript"><!--
window.onload = function() {
CommentSort();
}
//--></script>
ただし、window.onloadが複数あるとうまく実行しないため、すでにwindow.onloadがある場合は下記のように他の関数の下などに追加してください。
<script type="text/javascript"><!--
window.onload = function() {
他の関数();
CommentSort();
}
//--></script>
【実行例】
コメント1
コメント2
コメント3
↓
コメント3
コメント2
コメント1
【注意点】
コメントへのページ内リンクがうまく動作しなくなります。たとえばコメントが5つある状態で、サイドバーや管理画面からコメント5をクリックした場合、コメント1の場所へと移動することになります。
携帯またはJavaScriptがオフの場合は動作しません。
このサンプルはアメブロ専用です。