カテゴリの折りたたみ
旧フォーラムの記事です 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.juge mers.net/log/eid23.html">http://nz.jugemers.net/log/ eid23.html</a>
こちらを参考にさせていただき、カテゴリの折りたたみを試したのですが、
うまくいきません。
使用しているテンプレートがプラグイン未対応なのが原因なのでしょうか?[/リンク]
2005年11月22日 16:55 by FC2スタッフ
旧フォーラムの記事です
kkkidou 2005-12-06 18:50:24
件名 :
こんにちは。
赤字の部分をindexエリアから外してleftのエリアに入れてみましたが、
同じ結果となってしまいました。
他の対策はありますでしょうか?
申し訳ありませんが、今一度ご指導ください。
********以下、ソースの一部********
<div id="left">
<div class="menu">
<h3>商品カテゴリ</h3>
<div id="categorylist">
<a href="<%category_link>"><%categ ory_name>(<%category_count>)</a>
</div>
</div>
<div class="menu">
<h3>最近の商品</h3>
<a href="<%recent_link>">◆<%recen t_title></a>
</div>
<div class="menu">
<h3>商品カテゴリ</h3>
<div id="categorylist">
<a href="<%category_link>"><%cate gory_name>(<%category_count>)</a>
</div>
</div>
2005年12月06日 18:50 by FC2スタッフ
旧フォーラムの記事です
ひろえ 2005-12-06 12:52:52
件名 :
ツリー化しなくても、折りたたみできますよ。
インデックスエリアも、ノットインデックスエリアも同じに見えるので、
どうしてツリー化できないのか分かりませんが、
最近の商品だけをインデックスエリアに入れて、
カテゴリにはエリアを指定しない形で表示してみてはどうでしょうか?
ノットの方を残してみてください。
2005年12月06日 12:52 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-12-06 12:50:46
件名 :どうしてもツリー化したいです
しばらく間があきましたが、この間試行錯誤しておりました。
ページのほうは、カテゴリがだいぶ増えて来てしまって、見栄えからしてやはりどうしてもトップページのカテゴリツリー化がし たいです。
ご指導いただければ嬉しいです。宜しくお願いいたします。
使用OS/ブラウザ:Win2000/InternetExplorer6.0
使用テンプレート名:[afi_shop_vr02]
ブログURL:http://hithit.blog37.fc2.com/
<症状>
トップページの左メニューのカテゴリのみツリー化されない。
カテゴリページ以下はツリー化されている。
indexエリアとnot indexエリアのソースはまったく同一のものです。
以上、宜しくお願いいたします。
2005年12月06日 12:50 by FC2スタッフ
旧フォーラムの記事です
ひろえ 2005-11-22 19:31:07
件名 :
ツリー化しなくても、折りたたみできますよ。
インデックスエリアも、ノットインデックスエリアも同じに見えるので、
どうしてツリー化できないのか分かりませんが、
最近の商品だけをインデックスエリアに入れて、
カテゴリにはエリアを指定しない形で表示してみてはどうでしょうか?
ノットの方を残してみてください。
2005年11月22日 19:31 by FC2スタッフ
旧フォーラムの記事です
kkkidou 2005-11-22 18:06:28
件名 :まずは
ツリー化ができなければ、折りたたみもできないのでは、と思い
まずはツリー化に挑戦しております。言葉足らずで申し訳ありません。
ご指導いただければ幸いです。
2005年11月22日 18:06 by FC2スタッフ
旧フォーラムの記事です
ひろえ 2005-11-22 17:44:40
件名 :
ツリー化のスクリプトしかないようですが、
ツリー化ではなく、折りたたみたいのですよね?
折りたたみのスクリプトを挿入してください。
2005年11月22日 17:44 by FC2スタッフ
旧フォーラムの記事です
kkkidou 2005-11-22 17:41:56
件名 :追記です
カテゴリーページの左サイドメニューは展開されています。
展開されないのは、トップページのみです。
よろしくお願いいたします。
2005年11月22日 17:41 by FC2スタッフ
旧フォーラムの記事です
kkkidou 2005-11-22 17:37:14
件名 :半分自己解決
こんにちは。
今までのソースを破棄して最初から構成しなおしてみたところ、
展開されました。
ただ、トップページの左サイドメニューのみが展開されません。
以下がソースです。
<?xml version="1.0" encoding="EUC-JP&quo t;?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans itional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm l1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xm l:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content=&quo t;text/html; charset=euc-jp" />
<meta http-equiv="Content-Style-Type" conten t="text/css" />
<meta http-equiv="content-script-type" conte nt="text/javascript" />
" type="text/css" rel="stylesheet&quo t; />
?xml" />
<title><%blog_name></title>
<title><%sub_title></title>
</head>
<body>
<div id="flame">
<div id="head"><h1><a href=" ;./" ><%blog_name></a></h1></di v>
<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;&q uot;><%introduction>
</div>
<div id="right">
<form action="./" method="get" styl e="margin-top : 0px;margin-left : 0px;margin-right : 0p x;margin-bottom : 0px;">
<div class="plugin-search">
<div class="menu">
<div id="kensaku">商品検索</div>
<div class="freearea">
<input type="text" size="70" name=& quot;q" value="" maxlength="200" /& gt;
<input type="submit" value=" 検索 " / >
</div>
</div>
</div>
</form>
<div id="topkate">
<h2>商品カテゴリ</h2>
<div id="categorylist">
<a href="<%category_link>"><%cate gory_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="<%ur l>"><%blog_name></a>><%sub_title&g t;</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="<%ur l>"><%blog_name></a>><a href=" ;<%topentry_category_link>"><%topentry_cate gory></a>><%topentry_title></div>
<div class="main">
<h2><%topentry_title></h2>
<div class="txt">
<%topentry_body>
<br />
<div class="iroiro">
この情報は<%topentry_year>年<%topentry_month>月<%t opentry_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/<%top entry_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_mont h>-<%topentry_day>T<%topentry_hour>:<%tope ntry_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>" n ame="comment<%comment_no>"></a>< %comment_title></b><br />
<%comment_body>
<p><%comment_year>-<%comment_month>-< %comment_day> <%comment_wayoubi> <%comment_hour& gt;:<%comment_minute>:<%comment_second> /<%co mment_url+str> /<%comment_mail+name> /<a href=&q uot;<%comment_edit_link>">編集</a>
</p>
</div>
</div>
<div class="main">
<h2><a name="comment_post">レビューの投稿&l t;/a></h2>
<div class="txt">
<p>このページでは<%topentry_title>に対するレビューを募集しています。下記 の投稿フォームからレビュー投稿できます。</p>
<form method="post" action="./" nam e="comment_form">
<input type="hidden" name="mode" va lue="regist" />
<input type="hidden" name="comment[no]&q uot; value="<%pno>" />
<dl>
<dt><label for="name">名前</label&g t;</dt>
<dd><input id="name" type="text&qu ot; name="comment[name]" size="30" /> </dd>
<dt><label for="subject">タイトル</la bel></dt>
<dd><input id="subject" type="text " name="comment[title]" size="30" / ></dd>
<dt><label for="mail">メール</label& gt;</dt>
<dd><input id="mail" type="text&qu ot; name="comment[mail]" size="30" /> </dd>
<dt><label for="url">URL</label&g t;</dt>
<dd><input id="url" type="text&quo t; name="comment[下線]" size="30" />< ;/dd>
<dt><label for="comment">コメント</la bel></dt><dd>
<script type="text/javascript" src="http ://blog28.fc2.com/load.js"></script><br /&g t;
<textarea id="comment" cols="40" ro ws="8" name="comment[太字]"></textar ea></dd>
<dt><label for="pass">キー</label&g t;</dt><dd><input id="pass" type=&q uot;password" name="comment[pass]" size=" ;20" /></dd>
<dt><label for="himitu">秘密:</labe l></dt><dd><input id="himitu" ty pe="checkbox" name="comment[himitu]" /&g t;秘密にする</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>"><%trac kback_url></a><br />
<a href="javascript:window.location.repla ce('http://blog.fc2.com/?url='+window.location.hre f);">この記事にトラックバックする(FC2ブログユーザー)</a>
</div>
</div>
<div class="main">
<div class="tb"><a href="<%tb_u rl>" name="trackback<%tb_no>">< ;%tb_title></a></div>
<div class="txt"><%tb_excerpt></d iv>
</div>
<div class="main">
<h2><a name="comment_post">コメントの編集&l t;/a></h2>
<div class="txt">
<form method="post" action="./" nam e="comment_form">
<input type="hidden" name="mode" va lue="edit" />
<input type="hidden" name="mode2" v alue="edited" />
<input type="hidden" name="edit[rno]&quo t; value="<%eno>" />
<dl>
<dt><label for="name">Name:</labe l></dt><dd><input id="name" type ="text" name="edit[name]" size="30& quot; value="<%edit_name>" /></dd>
<dt><label for="subject">Subject:< ;/label></dt><dd><input id="subject&q uot; type="text" name="edit[title]" size ="30" value="<%edit_title>" />& lt;/dd>
<dt><label for="mail">Mail:</labe l></dt><dd><input id="mail" type ="text" name="edit[mail]" size="30& quot; value="<%edit_mail>" /></dd>
<dt><label for="url">URL:</label& gt;</dt><dd><input id="url" type=&q uot;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 /&g t;
<textarea id="comment" cols="40" ro ws="8" name="edit[太字]"><%edit_body ></textarea></dd>
<dt><label for="pass">Pass:</labe l></dt><dd><input id="pass" type ="password" name="edit[pass]" size=" ;20" /></dd>
<dt><label for="himitu">秘密:</labe l></dt><dd><input id="himitu" ty pe="checkbox" name="edit[himitu]" />秘 密にする</dd>
</dl>
<input type="submit" value=" 送 信 " />
<input type="submit" name="edit[delete]& quot; value="削除" />
</form>
</div>
</div>
<div id="foot">
Copyright (C) <%now_year> <%blog_name> All Rig hts Reserved.
<br />
<%ad> <%ad2>
</div>
</div>
<div id="left">
<div class="menu">
<h3>最近の商品</h3>
<span class="mini"><%recent_year>/&l t;%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>"><%cate gory_name>(<%category_count>)</a>
</div>
</div>
<div class="menu">
<h3>商品カテゴリ</h3>
<div id="categorylist">
<a href="<%category_link>"><%cate gory_name>(<%category_count>)</a>
</div>
</div>
<div class="menu">
<h3>RSS</h3>
<a href="<%url>?xml">RSSに登録する</a& gt;
</div>
<div class="menu">
<h3>お知らせ</h3>
<div class="freearea">
<a href="http://www.inunoheya.com/hithit/first.htm l" 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" wi dth="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="',linkUr l,'">',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="',linkUr l,'">',objLink.innerHTML,'</a>& #039;).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="',link Url,'" 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="',link Url,'">',RegExp.$2).join('');
}
} else if (idName.indexOf('archive') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/\((\d+)\)/);
var tmpCnt = Array(' (', RegExp.$1, ')& #039;).join('');
tmpText = objLink.innerHTML;
tmpText.match(/(.+) (\d+)/);
this.base = Array('<strong>[',RegExp.$ 2,']</strong>').join('');
this.elem = Array('<a href="',linkUr l,'">',RegExp.$1,'</a>', t mpCnt).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 39;);
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.s ort) linkList[斜体].reverse();
for (j=0;j').join('');
}
outText[outText.length] = '\n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 tr ue:並び替える 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>
よろしくお願いいたします。
2005年11月22日 17:37 by FC2スタッフ
旧フォーラムの記事です
ひろえ 2005-11-22 17:03:52
件名 :
変更した箇所をこちらに貼り付けてください。
2005年11月22日 17:03 by FC2スタッフ
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー