East of R134 元(仮)
<< 201708||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】「続きを読む」の折り畳み001 

【JUGEM】「続きを読む」の折り畳み001

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

尚、このスクリプトの原型はJUGEMカスタマイズ講座様へ。
改訂版:【JUGEM】「続きを読む」の折り畳み001[改訂](2007.06.22)
[注意]
テンプレートによっては上手く作動しない場合があります。
大半のテンプレートの場合、大丈夫ですが、作動しない場合は以下の最新版をお試しください。
最新版:2008.05.04 【JUGEM】「続きを読む」の折り畳み001[再改定](20080504)

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

下準備としてHTMLファイルのエントリ表示部分(この色)を書き換える。尚、cssファイルの下準備は配布元のJUGEMカスタマイズ講座様を参考になさってください。

変更前
<!-- 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}</div>
<div class="entry_more">
<!--BEGIN entry_sequel_link-->
<a name="{entry_sequel_id}" id="{entry_sequel_id}"></a><a name="{entry_sequel_id}" id="{entry_sequel_id}"></a><hr /><br />
<!-- 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('hr').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(/<hr />/i,'<HR>');
gTextSequel[tmp].flag = false;
objDiv[i].setAttribute('id',Array('jugemEntryBody',tmp).join(''));
objDiv[i].innerHTML = Array(gTextSequel[tmp].text.split(/<HR/?>/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(/<HR/?>/i)[0],linkText).join('');
} else {
switch (gTextPosition) {
case 0:
bodyText = gTextSequel[idNum].text.split(/<HR/?>/i).join(linkText);
break;
case 1:
bodyText = Array(gTextSequel[idNum].text,linkText).join('<br />');
break;
case 2:
bodyText = gTextSequel[idNum].text.split(/<HR/?>/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_more');

//配布元:http://nz.jugemers.net/log/eid37.html(JUGEMカスタマイズ講座)
//改造元:http://koda.jugem.cc/?eid=2184(East of R134)
// -->
</script>
以前からJUGEMカスタマイズ講座様の「記事の内容」の一部を隠すをご利用なさっていて、記事が大量で一々「記事の続き」に入れ直すが面倒な方は最後のentry_moreentryに変更なさってください。
ただし、その場合<div class="entry">〜</div>でエントリ記事部分を覆っていること。
また<div class="entry">〜</div>内で折りたたみたい箇所以前に<hr />があった場合はそこが折りたたまれてしまうので注意してください。

この方法ですと、レイアウトが崩れる可能性があるので改訂版を書きましたので【JUGEM】「続きを読む」の折り畳み001[改訂]を参考になさってください。

応用:【JUGEM】「続きを読む」の折り畳み002
コダミタカ * Category of [Web]JUGEM/Blog*0 Comments * 0 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 :
ご利用の前にこちら(別窓)を一読ください。

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

アクセスランキング