East of R134 元(仮)
<< 201706||01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30  >>
Index[Web]JUGEM/Blog 【JUGEM】「続きを読む」の折り畳み003[再改訂](20080505) 

【JUGEM】「続きを読む」の折り畳み003[再改訂](20080505)

カスタマイズ前にこちら(別窓)を一読ください。

尚、このスクリプトの原型はJUGEMカスタマイズ講座様へ。
JUGEMカスタマイズ講座様のスクリプトは「記事の内容」に書かれたものを折りたたんでいましたが、独自タグが増えた今、「記事の続き」に書かれた内容を折りたたみ、個別ページに行かなくても読めるようにしました。

今回は個別ページでも折りたたまれるように、改変してみました。尚、今回の仕様はW3Cで定義されていない独自タグ(<org />)を使用するため、Another HTML-lint gatewayなどのHTML文法チェックをするとエラーもしくは警告がなされます。ご了承下さい。

HTMLファイル内の記事部分に<div class="entry_body">〜</div>があることが前提となります。

また001[改訂]002[改訂]と同様、「記事の内容」に書いていて、途中で隠したくなった場合、アドバンス設定「記事の続き」に書かなくても、「<org />を入れればそこから折りたため、個別ページに行ってもそのまま折りたたまれています。

以前の[003]ではテンプレートによっては上手く作動しない場合があったため修正しました。
大半のテンプレートの場合、以前のものでも大丈夫ですが、ブラウザによっては作動しない場合もあります。

公式テンプレート「analogue」及び、analogueを元にカスタマイズし公開なさっているUTFテンプレートでは上手く作動しない場合がございます。

また、以前の[003]のスクリプトはトップページ及び、ページ表示、カテゴリ表示、アーカイブ表示で開閉を行った場合、「閉」のマークが二つ表示されてしまっていたため、今回その点を解消しました、

下準備としてHTMLファイルのエントリ表示部分(この色)を書き換え、cssファイルも書き加える。

変更前
<!-- BEGIN entry -->
<div class="entry">
<div class="entry_title"><a href="{entry_permalink}">{entry_title}</a></div>
<div class="entry_date">{entry_date}|{entry_time}<br style="clear:both;" /></div>
<div class="entry_body">{entry_description}</div>
<div class="entry_more">{entry_sequel}</div>
<div class="entry_state">{user_name}|{category_name}|
{comment_num}|{trackback_num}|</div>
</div>
{trackback_auto_discovery}
<!-- END entry -->

変更後
<!-- BEGIN entry -->
<div class="entry">
<div class="entry_title"><a href="{entry_permalink}">{entry_title}</a></div>
<div class="entry_date">{entry_date}|{entry_time}<br style="clear:both;" /></div>
<div class="entry_body">{entry_description}
<!-- BEGIN entry_sequel_link -->
<a name="{entry_sequel_id}" id="{entry_sequel_id}"></a><org />
<!-- END entry_sequel_link -->
{top_entry_sequel}
</div>
<div class="entry_state">{user_name}|{category_name}|
{comment_num}|{trackback_num}|</div>
</div>
{trackback_auto_discovery}
<!-- END entry -->

cssファイル
.orgnone { display: none;}
body#eid .orgnone { display: block;}

※折り畳み部分に記事を書く場合は、アドバンス設定「記事の続き」を書く際、最初に「<div class="orgnone"><org /></div>」を必ず入れること。入れなければ個別ページに飛んだ際、折りたたまれません。
<!-- END entry -->のうしろに入れるJavaScriptファイルは以下。
JavaScriptファイル
<script type="text/javascript">
<!--
function initSequel(tagName,className) {
  if (!document.body.innerHTML) return;
  var viewMode = window.location.search;
  var objDiv = document.getElementsByTagName(tagName);
  for (var i=0;i<objDiv.length;i++) {
    if ( objDiv[i].className == className && objDiv[i].getElementsByTagName('org').length > 0 ) {
      var tmp = gTextSequel.length;
      var linkText = Array('<a class="toggleSequel" href="#" onclick="return toggleSequel(',tmp,')" onkeypress="return toggleSequel(',tmp,')">',gTextVisible,'<¥/a>').join('');
      gTextSequel[tmp] = new Array();
      gTextSequel[tmp].text = objDiv[i].innerHTML.replace(/<org ¥/>/i,'<ORG>');
      gTextSequel[tmp].flag = false;
      objDiv[i].setAttribute('id',Array('jugemEntryBody',tmp).join(''));
      objDiv[i].innerHTML = Array(gTextSequel[tmp].text.split(/<ORG¥/?>/i)[0],linkText).join('');
    }
  }
}
function toggleSequel(idNum) {
  if (!document.body.innerHTML) return false;
  var idName = Array('jugemEntryBody',idNum).join('');
  var objFocus = document.getElementById(idName);
  if (objFocus) {
    var tmpText = new Array();
    var bodyText = '';
    var linkText = (gTextSequel[idNum].flag) ? gTextVisible : gTextHidden;
    linkText = Array('<a class="toggleSequel" href="#" onclick="return toggleSequel(',idNum,')" onkeypress="return toggleSequel(',idNum,')">',linkText,'<¥/a>').join('');
    if (gTextSequel[idNum].flag) {
      bodyText = Array(gTextSequel[idNum].text.split(/<ORG¥/?>/i)[0],linkText).join('');
    } else {
      switch (gTextPosition) {
      case 0:
        bodyText = gTextSequel[idNum].text.split(/<ORG¥/?>/i).join(linkText);
        break;
      case 1:
        bodyText = Array(gTextSequel[idNum].text,linkText).join('<br ¥/>');
        break;
      case 2:
        bodyText = gTextSequel[idNum].text.split(/<ORG¥/?>/i).join(linkText);
        bodyText = Array(bodyText,linkText).join('<br ¥/>');
        break;
      }
    }
    gTextSequel[idNum].flag = (gTextSequel[idNum].flag) ? false : true;
    objFocus.innerHTML = bodyText;
  }
  return false;
}
gTextVisible = '↓[続きを表示]'; /* 「続き」を表示するためリンク */
gTextHidden = '↑[続きを隠す]'; /* 「続き」を隠すためのリンク */
gTextPosition = 0; /* 「続きを隠す」を表示する位置 0:「続き]の前 1:「続き」の後ろ 2:両方 */
gTextSequel = new Array();
initSequel('div','entry_body');

//配布元:http://nz.jugemers.net/log/eid37.html(JUGEMカスタマイズ講座)
//改造元:http://koda.jugem.cc/?eid=2787(East of R134)
// -->
</script>

 関連
【JUGEM】「続きを読む」の折り畳み001
【JUGEM】「続きを読む」の折り畳み002
【JUGEM】「続きを読む」の折り畳み001[改訂]
【JUGEM】「続きを読む」の折り畳み002[改訂]
【JUGEM】「続きを読む」の折り畳み003
【JUGEM】「続きを読む」の折り畳み001[再改定](20080504)
【JUGEM】「続きを読む」の折り畳み002[再改定](20080504)
【JUGEM】「続きを読む」の折り畳み003[改定]
【JUGEM】記事の一部分のみを隠す001
コダミタカ * Category of [Web]JUGEM/Blog*0 Comments * 1 Trackbacks * 
Check
このエントリーをはてなブックマークに追加
Background Photo Material by ©FlashNatural

同じカテゴリの記事

    【JUGEM】ツリー化スクリプトver.5(2016.01.09)
    【JUGEM】個別編集ページへのリンク(2014.11.02)
    【JUGEM】JUGEMdress(2011.01.02)
    【JUGEM】パンくずナビもどき(2009.11.21)
    【JUGEM】独自タグ50個追加に伴うscriptの修正(2009.11.20)
Index- スポンサーサイト 

スポンサーサイト


スポンサードリンク * Category of -*0 Comments * 0 Trackbacks * 
Check
このエントリーをはてなブックマークに追加
Background Photo Material by ©FlashNatural
Trackback
Trackback URL :
ご利用の前にこちら(別窓)を一読ください。

久々に解りやすい変更点です(*´艸`)いつも自己満度100%なカスタムだからねw☆今回の内容☆1. コメントプレビュー追加2. 「記事の続き」を開閉式に3. 意見聞かせて下さーい!
Disclose my real intention at 2008/08/18 (Mon)12:15

Comment by Facebook
Comment
ご利用の前にこちら(別窓)を一読ください。







About
元 (仮) 2007.01.01改名。
読了の書籍メモ(2004.03〜+α)⇒946冊。
JUGEM改造は[Web]JUGEM/Blogから。
海外ドラマメモ有り。※本国放送ネタ有り⇒ネタバレ有り。
書籍メモにBL(BoysLove)的内容を含むものもあります。苦手な方、ご注意下さい。
2008.11.04から写真の表示方法変更に伴い携帯電話からの写真閲覧ができない場合がありますが、表示させる方向を考えてはいません。

過去のはこちらから
Twitter
Pick Up Entries

New Entries
Entries
Comments
Trackbacks
Category
Archives
Links
Blog People
BL×B.L. People
BL×B.L. People
BL NOVELS TB
BL COMICS TB
Ranking


Others

  • RSS feed meter for http://koda.jugem.cc/
  • あわせて読みたい
  • SEO対策My Zimbio

adadadadadad

▲Page Top

アクセスランキング