East of R134 元(仮)
<< 201710||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 31  >>
Index[Web]JUGEM/Blog 【JUGEM】「続きを読む」の折り畳み002[改訂] 

【JUGEM】「続きを読む」の折り畳み002[改訂]

カスタマイズ前にこちら(別窓)と【JUGEM】独自タグ一部変更に伴う注意点(別窓)を一読ください。

[注意]
テンプレートによっては上手く作動しない場合があります。
大半のテンプレートの場合、大丈夫ですが、作動しない場合は以下の最新版をお試しください。
最新版:2008.05.04 【JUGEM】「続きを読む」の折り畳み002[再改定](20080504)

尚、このスクリプトの原型はJUGEMカスタマイズ講座様へ。
原型を少しカスタマイズしたものは【JUGEM】「続きを読む」の折り畳み001[改訂]へ。
JUGEMカスタマイズ講座様のスクリプトは「記事の内容」に書かれたものを折りたたんでいましたが、独自タグが増えた今、「記事の続き」に書かれた内容を折りたたみ、個別ページに行かなくても読めるようにしました。
尚、JUGEMの仕様で個別ページで折りたたむのは無理です。【JUGEM】「続きを読む」の折り畳み003で対応済。

また今回はW3Cで定義されていない独自タグ(<org />)を使用するため、Another HTML-lint gatewayなどのHTML文法チェックをするとエラーもしくは警告がなされます。ご了承下さい。

001を改訂したので002も一応改訂しておきますが、改訂前のものでも問題はありません。改訂版のメリットはアドバンス設定「記事の続き」に書かなくても、「記事の内容」の途中で隠したくなった場合<org />を入れればそこから折りたためるくらいです。

下準備として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 -->
<!-- END entry -->のうしろに入れるJavaScriptファイルは以下。

JavaScriptファイル
<script type="text/javascript">
<!--
function initSequel(tagName,className) {
  if (!document.body.innerHTML) return;
  var viewMode = window.location.search;
  if ( viewMode.indexOf('?mode=comment') > -1 || viewMode.indexOf('?eid=') > -1 ) return;
  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 =         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=2208(East of R134)
// -->
</script>

関連
【JUGEM】「続きを読む」の折り畳み001
【JUGEM】「続きを読む」の折り畳み002
【JUGEM】「続きを読む」の折り畳み001[改訂]
コダミタカ * Category of [Web]JUGEM/Blog*1 Comments * 0 Trackbacks * 
Check
このエントリーをはてなブックマークに追加

同じカテゴリの記事

    【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
このエントリーをはてなブックマークに追加
Trackback
Trackback URL :
ご利用の前にこちら(別窓)を一読ください。

Comment by Facebook
Comment
  • 2011
  • 02.12
  • [Sat]
  • 16:00
  • -
管理者の承認待ちコメントです。

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







About
元が腐っているのでナチュラに腐ったことをほざいてるかもしれないブログ。
原作厨というか原作至上主義。ネタバレデフォ。単行本派やネタバレ嫌な人は回れ右のブラウザバックかタブ閉じてこのブログの存在を記憶から抹殺。
米ドラは本国放送した時点(寧ろスポイラー出た時点)でネタ解禁だと思っているし、連載漫画は本誌が発売された時点でネタ解禁だと思っているので日本放送だったり単行本派の人には優しくないブログ。

過去のはこちらから
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

アクセスランキング