読者です 読者をやめる 読者になる 読者になる

Carpe Diem

備忘録。https://github.com/jun06t

【続きを読む】を更新せずに開閉させる方法

HTML
FC2ブログにログインして、管理者ページの左サイドの「環境設定」の項目[テンプレートの設定]をクリックします。 現在設定されているスタイル」の表の「編集」の欄の[ 修正 ]をクリックします。 「テンプレートの編集」にある、「HTMLの編集[テンプレート名]を編集しています。」の欄の</head>の直前にスクリプトを追加します。 <script type="text/javascript"> <!-- function showMore(varA1, varB1){ var123 = ('varXYZ' + (varA1)); varABC = ('varP' + (varA1)); if( document.getElementById ) { if( document.getElementById(var123).style.display ) { if( varB1 != 0 ) { document.getElementById(var123).style.display = "block"; document.getElementById(varABC).style.display = "none"; } else { document.getElementById(var123).style.display = "none"; document.getElementById(varABC).style.display = "block"; } } else { location.href = varB1; return true; } } else { location.href = varB1; return true; } } //--> </script> </head> <%topentry_title>で検索してください。そして、<%topentry_title>を囲んでいるタグにある、id="<%topentry_no>"の前にaをつけて、XHTML準拠のエラーを回避します。 ※id="<%topentry_no>"がない場合は、下の例のように、id="a<%topentry_no>"を追加するようにしてください。これがないと、追記部分を閉じたときに記事のはじめに戻れなくなります。 <!-- エントリータイトル --> <h3 id="a<%topentry_no>" class="entry-header">●<%topentry_title></h3> 次に、<!--more_link-->で検索して、<!--more_link-->?<!--/more_link-->のコードを下のように変更してください。 <!--yozoEntryIfExtended--> <span id="varP<%topentry_no>"> <a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;" onkeypress="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">【<%topentry_title>の続きを開く】</a></span> <div id="varXYZ<%topentry_no>" style="display: none"> <%topentry_more><br style="clear:both;" /> <a href="#a<%topentry_no>" onkeypress="showMore(<%topentry_no>,0);return true;" onclick="showMore(<%topentry_no>,0);return true;">【<%topentry_title>の続きを閉じる】</a> </div> <!--/yozoEntryIfExtended--> <!--/more_link--> <!--more--> <%topentry_more> <!--/more--> [更新]をクリックして動作を確認しましょう。 ソース: 追記を更新せずに開閉する