カテゴリの折りたたみ (2ページ目) - FC2ブログユーザーフォーラム

無料新規登録

会員の方はログイン

トピック

コミュニティ

お知らせ

テンプレート・プラグイン

カテゴリの折りたたみ 2ページ目

旧フォーラムの記事です　http://blog.fc2.com/forum/viewtopic.php?f=3&t=5697
kkkidou　2005-11-22 16:55:25
件名　：カテゴリの折りたたみ

使用OS/ブラウザ：Win2000/InternetExplorer6.0
使用テンプレート名：[afi_shop_vr02]
ブログURL：http://hithit.blog37.fc2.com/

折りたたみについて質問です。
<a class="postlink" href="http://nz.jugemers.net/log/eid23.html">http://nz.jugemers.net/log/eid23.html</a>
こちらを参考にさせていただき、カテゴリの折りたたみを試したのですが、
うまくいきません。

使用しているテンプレートがプラグイン未対応なのが原因なのでしょうか？[/リンク]

by FC2スタッフ 2005年11月22日 16:55

by FC2スタッフ
2005年11月22日 16:55

コメント一覧新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順 | 古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

旧フォーラムの記事です
kkkidou　2005-12-06 18:50:24
件名　：

こんにちは。
赤字の部分をindexエリアから外してleftのエリアに入れてみましたが、
同じ結果となってしまいました。
他の対策はありますでしょうか？
申し訳ありませんが、今一度ご指導ください。

********以下、ソースの一部********

<div id="left">

<div class="menu">
<h3>商品カテゴリ</h3>
<div id="categorylist">

<a href="<%category_link>"><%category_name>(<%category_count>)</a>

</div>
</div>

<div class="menu">
<h3>最近の商品</h3>

<a href="<%recent_link>">◆<%recent_title></a>

</div>

<div class="menu">
<h3>商品カテゴリ</h3>
<div id="categorylist">

<a href="<%category_link>"><%category_name>(<%category_count>)</a>

</div>
</div>

by FC2スタッフ 2005年12月06日 18:50

by FC2スタッフ
2005年12月06日 18:50
旧フォーラムの記事です
ひろえ　2005-12-06 12:52:52
件名　：

ツリー化しなくても、折りたたみできますよ。

インデックスエリアも、ノットインデックスエリアも同じに見えるので、
どうしてツリー化できないのか分かりませんが、
最近の商品だけをインデックスエリアに入れて、
カテゴリにはエリアを指定しない形で表示してみてはどうでしょうか？
ノットの方を残してみてください。

これやってみてください。

by FC2スタッフ 2005年12月06日 12:52

by FC2スタッフ
2005年12月06日 12:52
旧フォーラムの記事です
Anonymous　2005-12-06 12:50:46
件名　：どうしてもツリー化したいです

しばらく間があきましたが、この間試行錯誤しておりました。
ページのほうは、カテゴリがだいぶ増えて来てしまって、見栄えからしてやはりどうしてもトップページのカテゴリツリー化がしたいです。
ご指導いただければ嬉しいです。宜しくお願いいたします。

使用OS/ブラウザ：Win2000/InternetExplorer6.0
使用テンプレート名：[afi_shop_vr02]
ブログURL：http://hithit.blog37.fc2.com/

＜症状＞
トップページの左メニューのカテゴリのみツリー化されない。
カテゴリページ以下はツリー化されている。
indexエリアとnot indexエリアのソースはまったく同一のものです。

以上、宜しくお願いいたします。

by FC2スタッフ 2005年12月06日 12:50

by FC2スタッフ
2005年12月06日 12:50
旧フォーラムの記事です
ひろえ　2005-11-22 19:31:07
件名　：

ツリー化しなくても、折りたたみできますよ。

インデックスエリアも、ノットインデックスエリアも同じに見えるので、
どうしてツリー化できないのか分かりませんが、
最近の商品だけをインデックスエリアに入れて、
カテゴリにはエリアを指定しない形で表示してみてはどうでしょうか？
ノットの方を残してみてください。

by FC2スタッフ 2005年11月22日 19:31

by FC2スタッフ
2005年11月22日 19:31
旧フォーラムの記事です
kkkidou　2005-11-22 18:06:28
件名　：まずは

ツリー化ができなければ、折りたたみもできないのでは、と思い
まずはツリー化に挑戦しております。言葉足らずで申し訳ありません。

ご指導いただければ幸いです。

by FC2スタッフ 2005年11月22日 18:06

by FC2スタッフ
2005年11月22日 18:06
旧フォーラムの記事です
ひろえ　2005-11-22 17:44:40
件名　：

ツリー化のスクリプトしかないようですが、
ツリー化ではなく、折りたたみたいのですよね？
折りたたみのスクリプトを挿入してください。

by FC2スタッフ 2005年11月22日 17:44

by FC2スタッフ
2005年11月22日 17:44
旧フォーラムの記事です
kkkidou　2005-11-22 17:41:56
件名　：追記です

カテゴリーページの左サイドメニューは展開されています。

展開されないのは、トップページのみです。

よろしくお願いいたします。

by FC2スタッフ 2005年11月22日 17:41

by FC2スタッフ
2005年11月22日 17:41
旧フォーラムの記事です
kkkidou　2005-11-22 17:37:14
件名　：半分自己解決

こんにちは。

今までのソースを破棄して最初から構成しなおしてみたところ、
展開されました。

ただ、トップページの左サイドメニューのみが展開されません。

以下がソースです。

<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-jp" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
" type="text/css" rel="stylesheet" />
?xml" />

<title><%blog_name></title>

<title><%sub_title></title>

</head>
<body>
<div id="flame">

<div id="head"><h1><a href="./" ><%blog_name></a></h1></div>
<div align="left"><strong>　[ HIT&HIT ] は、すべてのルアーマンのためのタックル紹介サイトです。<strong></div>
<br>
<div align="center">
<a href="http://hithit.blog37.fc2.com/">レイク＆リバーフィッシング館(This site)</a>　｜
<a href="http://hithit2.blog37.fc2.com/">海のルアー館へ</a>

<div id="head"><h1><a href="./" ><%blog_name></a></h1></div>
<div align="left"><strong>　[ HIT&HIT ] は、すべてのルアーマンのためのタックル紹介サイトです。<strong></div>

<div id="head2" style="color: #ffffff;"><%introduction>
</div>

<div id="right">

<form action="./" method="get" style="margin-top : 0px;margin-left : 0px;margin-right : 0px;margin-bottom : 0px;">
<div class="plugin-search">
<div class="menu">
<div id="kensaku">商品検索</div>
<div class="freearea">
<input type="text" size="70" name="q" value="" maxlength="200" />
<input type="submit" value=" 検索 " />
</div>
</div>
</div>
</form>

<div id="topkate">
<h2>商品カテゴリ</h2>
<div id="categorylist">

<a href="<%category_link>"><%category_name>(<%category_count>)</a>

</div>
</div>

<table border="0" width="100%">
<tr>
<td>
ここにもフリーエリア

</td>
</tr>
</table>

<table border="0" width="100%">
<tr>
<td>
ここにもフリーエリア

</td>
</tr>
</table>

<div id="pankuzu"><a href="<%url>"><%blog_name></a>＞<%sub_title></div>

<h2><a href="<%topentry_link>"><%topentry_title></a></h2>
<div class="gaiyou">
<%topentry_more><%topentry_discription><br />
<a href="<%topentry_link>">詳細な情報はこちら</a>
</div>

<div id="pre">

<a href="<%prevpage_url>">前のページ</a>

<a href="<%nextpage_url>">次のページ</a>

</div>

<h2><a href="<%topentry_link>"><%topentry_title></a></h2>
<div class="gaiyou">
<%topentry_more><%topentry_discription><br />
<a href="<%topentry_link>">詳細な情報はこちら</a>
</div>

<div id="pre">

<a href="<%prevpage_url>">前のページ</a>

<a href="<%nextpage_url>">次のページ</a>

</div>

<div id="pankuzu"><a href="<%url>"><%blog_name></a>＞<a href="<%topentry_category_link>"><%topentry_category></a>＞<%topentry_title></div>

<div class="main">
<h2><%topentry_title></h2>

<div class="txt">

<%topentry_body>
<br />

<div class="iroiro">
この情報は<%topentry_year>年<%topentry_month>月<%topentry_day>日時点でのものです。<br />

<a href="<%topentry_link>#comments">レビュー(<%topentry_comment_num>)</a>

/ <a href="<%topentry_link>#trackback">TB(<%topentry_tb_num>)</a>

<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="="<%url>tb.php/<%topentry_tb_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
</div>

</div>

</div>

<div class="main">
<h2><a name="comments">レビュー</a></h2>

<div class="txt">
<b><a id="comment<%comment_no>" name="comment<%comment_no>"></a><%comment_title></b><br />

<%comment_body>

<p><%comment_year>-<%comment_month>-<%comment_day> <%comment_wayoubi> <%comment_hour>:<%comment_minute>:<%comment_second> /<%comment_url+str> /<%comment_mail+name> /<a href="<%comment_edit_link>">編集</a>
</p>
</div>

</div>

<div class="main">

<h2><a name="comment_post">レビューの投稿</a></h2>

<div class="txt">
<p>このページでは<%topentry_title>に対するレビューを募集しています。下記の投稿フォームからレビュー投稿できます。</p>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<dl>
<dt><label for="name">名前</label></dt>
<dd><input id="name" type="text" name="comment[name]" size="30" /></dd>

<dt><label for="subject">タイトル</label></dt>
<dd><input id="subject" type="text" name="comment[title]" size="30" /></dd>

<dt><label for="mail">メール</label></dt>
<dd><input id="mail" type="text" name="comment[mail]" size="30" /></dd>

<dt><label for="url">URL</label></dt>
<dd><input id="url" type="text" name="comment[下線]" size="30" /></dd>

<dt><label for="comment">コメント</label></dt><dd>

<script type="text/javascript" src="http://blog28.fc2.com/load.js"></script><br />

<textarea id="comment" cols="40" rows="8" name="comment[太字]"></textarea></dd>

<dt><label for="pass">キー</label></dt><dd><input id="pass" type="password" name="comment[pass]" size="20" /></dd>

<dt><label for="himitu">秘密:</label></dt><dd><input id="himitu" type="checkbox" name="comment[himitu]" />秘密にする</dd>
</dl>
<input type="submit" value=" 送　信 " class="btn" />
</form>
</div>
</div>

<div class="main">
<h2><a name="trackback">トラックバック</a></h2>

<div class="txt">
<a href="<%trackback_url>"><%trackback_url></a><br />
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a>
</div>

</div>

<div class="main">
<div class="tb"><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a></div>
<div class="txt"><%tb_excerpt></div>
</div>

<div class="main">
<h2><a name="comment_post">コメントの編集</a></h2>
<div class="txt">

<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />

<dl>
<dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>" /></dd>
<dt><label for="subject">Subject:</label></dt><dd><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>" /></dd>

<dt><label for="mail">Mail:</label></dt><dd><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" /></dd>
<dt><label for="url">URL:</label></dt><dd><input id="url" type="text" name="edit[下線]" size="30" value="<%edit_url>" /></dd>
<dt><label for="comment">comment:</label></dt><dd>

<script type="text/javascript" src="http://blog28.fc2.com/load.js"></script><br />
<textarea id="comment" cols="40" rows="8" name="edit[太字]"><%edit_body></textarea></dd>
<dt><label for="pass">Pass:</label></dt><dd><input id="pass" type="password" name="edit[pass]" size="20" /></dd>
<dt><label for="himitu">秘密:</label></dt><dd><input id="himitu" type="checkbox" name="edit[himitu]" />秘密にする</dd>
</dl>

<input type="submit" value=" 送　信 " />
<input type="submit" name="edit[delete]" value="削除" />
</form>
</div>
</div>

<div id="foot">
Copyright (C) <%now_year> <%blog_name> All Rights Reserved.
<br />
<%ad> <%ad2>
</div>

</div>

<div id="left">

<div class="menu">
<h3>最近の商品</h3>

<span class="mini"><%recent_year>/<%recent_month>/<%recent_day></span><br />
<a href="<%recent_link>"><%recent_title></a>

</div>

<div class="menu">
<h3>商品カテゴリ</h3>
<div id="categorylist">

<a href="<%category_link>"><%category_name>(<%category_count>)</a>

</div>
</div>

<div class="menu">
<h3>商品カテゴリ</h3>
<div id="categorylist">

<a href="<%category_link>"><%category_name>(<%category_count>)</a>

</div>
</div>

<div class="menu">
<h3>RSS</h3>

<a href="<%url>?xml">RSSに登録する</a>

</div>

<div class="menu">
<h3>お知らせ</h3>
<div class="freearea">

<a href="http://www.inunoheya.com/hithit/first.html" onclick="window.open('http://www.inunoheya.com/hithit/first.html', '', 'width=460,height=730'); return false;">
初めての方へ<br>
（通信販売法に基づく表記）</a>

</div>
</div>

<div class="menu">
<h3>リンク</h3>
<div class="freearea" align="center">

<a href="http://www.inunoheya.com"><img src="http://www.inunoheya.com/pic/banner2.gif" width="180"></a>
<br><br>
<a href="http://mcfactory.jp"><img src="http://mcfactory.jp//pic/banner.gif"></a>
<br>

</div>

</div>

</div>

</div>

<script type="text/javascript">
-1 || idName.indexOf('tb') > -1) {
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join('');
this.elem = objLink.innerHTML;
} else if (idName.indexOf('entry') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/$(\d\d\/\d\d)$/);
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
} else if (idName.indexOf('link') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join('');
}
} else if (idName.indexOf('category') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$2).join('');
}
} else if (idName.indexOf('archive') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/$(\d+)$/);
var tmpCnt = Array(' (', RegExp.$1, ')').join('');
tmpText = objLink.innerHTML;
tmpText.match(/(.+) (\d+)/);
this.base = Array('<strong>[',RegExp.$2,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$1,'</a>', tmpCnt).join('');
}
return this;
}
function createTreeList(idName,option) { // version 2.2
var objFocus = this.document.getElementById(idName);
if (!objFocus) return;
if (!objFocus.innerHTML) return;
var objLists = objFocus.getElementsByTagName('li');
var linkList = new Array();
var outText = new Array();
if (objLists.length > 0) {
for (i=0;i<objLists.length;i++) {
var chckFlag = true;
var elemText = new makeTreeElements(idName,objLists[斜体]);
if (!elemText.base || !elemText.elem) return;
for (j=0;j -1 ) {
chckFlag = false;
linkList[j][linkList[j].length] = elemText.elem;
}
}
if (chckFlag) {
var tmpNum = linkList.length;
linkList[tmpNum] = new Array();
linkList[tmpNum][0] = elemText.elem;
linkList[tmpNum].base = elemText.base;
}
}
if (linkList.length > 0) {
outText[outText.length] = '\n';
for (i=0;i',linkList[斜体].base,option.top).join('');
if (linkList[斜体].length > 0 && option.sort) linkList[斜体].reverse();
for (j=0;j').join('');
}
outText[outText.length] = '\n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '┣ '; /* ツリー用マーク(通常) */
gTreeOption['end'] = '┗ '; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '<br />\n'; /* 各枝の末尾 */
gTreeOption['top'] = '<br />\n'; /* ツリー本体の最初 */
gTreeOption['btm'] = ''; /* ツリー本体の最後 */
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linklist',gTreeOption); // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>
</body>
</html>

よろしくお願いいたします。

by FC2スタッフ 2005年11月22日 17:37

by FC2スタッフ
2005年11月22日 17:37
旧フォーラムの記事です
ひろえ　2005-11-22 17:03:52
件名　：

変更した箇所をこちらに貼り付けてください。

by FC2スタッフ 2005年11月22日 17:03

by FC2スタッフ
2005年11月22日 17:03

19件中、11～19件表示

FC2ブログについて

マガブロ

サポート

アプリでもブログ投稿

@fc2infoさんをフォロー