上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

追記の折りたたみスクリプトつくってみました。
今回はjQuery使ってます。なので開閉がなめらかです。
もうちょっとテストなどをしてみて、使い勝手を確かめたいと思います-。
自身ではそんなに追記の折りたたみを利用していないので、こうしたほうがいいよ、というのがありましたら教えていただけるとありがたいです。
関連記事


コメント

  1. さふぁぃぁ | xfH9rAAU

    折りたたみなめらかで、ぜひバージョンアップしてつかってみたいとおもっています。
    仕様についてもう一度確認させてください。
    開閉ボタンがついている記事を最新の記事のところからあけるとすでに開いている状態で記事があいているとおもいます。トップから、記事一覧のところで開閉ボタンがついている記事には、開閉できるのですが・・
    同じ記事でも、どこからクリックしてとんでくるかで開閉の仕様がかわるということなのでしょうか?これもタイミングなのでしょうか?
    <<今は、Snowdanceテンプレで、最新記事のTo Do Requestをクリックすると開いたままになり、トップから左真ん中あたりにある同記事をクリックすると開閉ボタンがあるように動くのです・・>>

    ( 21:59 [Edit] )

  2. rimse | 4HNZ8mMg

    このスクリプトはトップページや月別アーカイブといった、記事一覧表示では表示されますが、個別記事などでは表示されず、個別記事においては追記部分もまとめて表示された状態でページが開きます。
    つまり、
    > 同じ記事でも、どこからクリックしてとんでくるかで開閉の仕様がかわるということなのでしょうか?
    どこからクリックしているか、ではなく、どういった種類のページを開いているかで変わってきます。当サイトの「最新の記事」をクリックした際に開かれるページは「個別の記事」であるため、追記部分はそのまま表示されています。
    トップページは「最新記事一覧」であるため、追記の折りたたみスクリプトが動作しています。

    追記部分で絵文字を使えるように少し考えてみました。
    一度、次のように修正をお試しください。

    <!--more_link-->と<!--/more_link-->の間にある、

    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function($){
    $('.entry-extend-<%topentry_no>').attr('href','#').after('<div id="entrymore-visible-<%topentry_no>" class="entrymore-visible"></div>');
    $('#entrymore-visible-<%topentry_no>').hide().prepend('<br />').load("<%topentry_link> .entry-more",function(){
    $.ajax({complete: function(){$('#entrymore-visible-<%topentry_no> .fc2_footer').empty();}});
    });
    $('.entry-extend-<%topentry_no>').click(function(){$('#entrymore-visible-<%topentry_no>').slideToggle("slow");return false;
    });
    });
    </script>

    この部分を、

    <div id="entrymore-visible-<%topentry_no>" class="entrymore-visible" style="display:none;"><br /><%topentry_more></div>
    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function($){
    $('.entry-extend-<%topentry_no>').click(function(){$('#entrymore-visible-<%topentry_no>').slideToggle("slow");return false;
    });
    });
    </script>

    と書き換えてください。

    本来jQueryを通じて追記を読み込んでいるものを、最初から読み込むようにしてみました。

    ( 00:22 [Edit] )

  3. さふぁぃぁ | xfH9rAAU

    ありがとうございました。

    アドバイスいただいたとおりに修正しましたら、折りたたみで開いた記事にも絵文字が表示されました。お忙しいところ、ありがとうございました。
    また追記の開閉についても説明ありがとうございました。重ねて御礼もうしあげます。

    ( 01:50 [Edit] )

コメントの投稿

(コメントの編集・削除時に必要)
(管理者にだけ表示を許可する)

質問の際のお願い

テンプレートに関する質問は、それぞれのテンプレート専用の記事にて受け付けています。トップページの「Templates Information」から、各テンプレート用の記事へリンクが張ってあります。

質問の際には、情報の共有のため非公開コメントはご遠慮くださいませ。
また、使用しているバージョンによって編集内容が異なる事があるため、多くの場合ソースコードの確認が必要になります。出来る限りブログのURLを入力してください。ブログのURLを公開したくない場合は、質問内容を公開コメントで投稿した後、非公開コメントにてブログのアドレスを追加投稿してくださいませ。

質問以外のコメントは、ご自由にコメントしていただいて結構です。たくさんのコメントお待ちしております。


トラックバック

Trackback URL
Trackbacks


Recent Entries

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。