注目タグ

質問・疑問

トピック詳細

続きを読むの折りたたみ機能について

今回、続きを読むをクリックすると続き部分が展開されるようにテンプレートのhtmlを編集しました。


編集した結果、続きを読むをクリックするとちゃんと展開されました。


問題なのが、続きをたたむをクリックするとページの下の方にいってしまうということです。


いろいろと検索し、試行錯誤しましたがどうやってもうまくいきません。


これ以外にも少しテンプレートには手を加えていますがこれが原因になっているのでしょうか。


ブログのアドレスです。

http://shimakki.blog.fc2.com/



使用しているテンプレートは公式テンプレートの phot-k3 です。



ブラウザはgoogle chromeです。






ご返答のほどよろしくお願いします。


2011年03月23日 01:36  by Shimakki

コメント一覧 13件中、1~10件表示

  • 私のテンプレートで以前似たようなことをやったので、他のテンプレートにも流用できるようにしてみました。(動作は私好みです。 ご了承ください)

    変更は元のテンプレートをダウンロードしなおしてから行ってください。この編集で追記の開閉が実装されます。

    まず</head>の前に次の一文を追加。

    <script type="text/javascript" src="http: //ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js&q uot;></script>

    次に、<!--more_link-->から<!--/more_link-- >までを、以下のように変更。

    <!--more_link-->
    <p><a href="<%topentry_link>#more" id="ex<%topentry_no>">[ 続きを読む ]</a> ;</p>
    <div id="em<%topentry_no>" style="d isplay:none;"><%topentry_more>
    <p><a href="#eno<%topentry_no>" id ="ec<%topentry_no>">[ 追記をたたむ ]</a>& lt;/p>
    </div>
    <script type="text/javascript">
    //<!--
    jQuery(function($) {
    var em = $('#em<%topentry_no>');
    $('#ex<%topentry_no>').click(function(){
    em.slideToggle();return false;});
    $('#ec<%topentry_no>').click(function(){
    $('html,body').animate({scrollTop: $('html,b ody').scrollTop() - em.height()});
    em.slideToggle();return false;});});
    //-->
    </script>
    <!--/more_link-->

    2011年03月28日 00:56 by rimse

  • 折りたたみ加工済みの他のテンプレートでも実験してみましたが、やはり記事の量が多いのがダメみたいです。

    IEではすべていけると思います。

    2011年03月26日 15:54 by Shimakki

  • 標野ゆきさん、ありがとうございます。



    そうなんですか。

    気まぐれを起こしたのでしょうか!?





    なるほど!

    まだ改善する余地はあるということですね。


    後程時間があるときにやってみます。





    そうだったんですね。


    このテンプレートのタグを色別に表示したときも、ところどころにエラーを意味する赤い表示がなされていました。


    やっぱりhtmlを勉強するしかなさそうです。





    本当にお手数掛けました。


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






    2011年03月24日 00:29 by Shimakki

  • シメノのブラウザはIE8ですが
    17:27の時点では、確かに追記部分がおかしな閉じ方をしていましたよ。
    そんでもって今現在は改善されています。

    google chromeとIEの間に
    どんなタグ解釈の違いがあるのか審らかに出来るほど詳しくない身ですが
    エントリ内の程近い部分に、<%topentry_no>を使ってa nameタグで新しいリンクを貼って、追記 の閉じタグにあるa hrefのジャンプ先をそちらに修正してみるとか、試してみられる方法はいくつかあるように思われます~。

    お使いのテンプレートは
    デザイン指定のかなりの部分がHTML上で行われていたり
    最近ではあまり多用されないテーブルタグが多く使われていたり
    とても個性的なテンプレートなので、動作が不安定なのはその所為かもしれませんね。

    2011年03月23日 22:56 by 標野ゆき

  • 先ほど、IEにてページを閲覧したところ正常に動作していました。

    これはgoogle chromeだけの問題のようです。


    本当にお騒がせしました。




    回答してくださったみなさま、本当にありがとうございました。

    2011年03月23日 22:38 by Shimakki

  • yosoilueさん、ご返答ありがとうございます。


    なるほど。


    ということは、続きを読むから書く記事の量が多すぎて、スクロールしきれていないということなのでしょうか。


    ですが、「てすと」以外の記事はすべてページの一番下にスクロールしています。



    ブラウザのせいでしょうか。

    2011年03月23日 22:26 by Shimakki

  • 記事の中身が多いか少ないかでスクロールする量が変わっているだけで、
    動作は変わっていません。

    2011年03月23日 22:14 by ロギラキ

  • ただいま当方のブログに「てすと」というタイトルで記事を書いております。



    その記事だとちゃんと動作するのですが、そのほかの記事だとどうもうまくいきません。




    なぜでしょうか。


    ブログのアドレスです。

    http://shimakki.blog.fc2.com/




    よろしくお願いします。


    2011年03月23日 22:02 by Shimakki

  • 新しいブログを開設して、テンプレートを「phot-k3」にして下記の

    続きを読むを折りたたみたい! - 初心者でもできる簡単FC2ブログの作り方
    http://rgrg.blog61.fc2.com/blog-entry-174.html

    をやってみたところ、ちゃんと動作しました。

    そしてそのhtmlとcssをそっくりそのまま自分のブログのテンプレートにし、動作確認したところ、やはり同じ症状が出てし まいました。


    これはプラグインのせいなのでしょうか。


    それとも・・・



    2011年03月23日 20:35 by Shimakki

  • 標野ゆきさん、ご回答ありがとうございます。


    半角にしてみましたがやはりページの下の方にいってしまいます。


    まっさらなテンプレートでもう一度やってみます。

    2011年03月23日 17:58 by Shimakki

1 2 > >>