Nucleus(JP)フォーラム

NucleusCMS日本語版ユーザーのためのサポートフォーラムです。疑問が生じたらまずは記事検索をご利用ください。

ログインしていません。

#1 2005-09-14 11:08:02

nakahara21
メンバー
From: 尼崎
登録日: 2003-11-14
投稿: 1,298
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

ツリー形式のナビゲーションを表示するプラグインです。
サンプルは
http://nucleus.s43.xrea.com/
です。

表示したい場所に
<%Dtree()%>
と書けばそこにツリーが表示されます。

サブカテゴリ(無限階層も)にも対応してます。

06/11/30 01:00 しづき
http://japan.nucleuscms.org/bb/viewtopi … 5505#15505
に ver 0.94 をアップしました


Attachments:
zip NP_Dtree05.zip, Size: 13.89 KiB, Downloads: 2,706

nakahara21
http://nakahara21.com/
(ただいま調整中です)

オフライン

#2 2005-09-29 23:54:14

E-Goods
メンバー
登録日: 2005-09-29
投稿: 5

Re: NP_Dtree ツリー形式のナビゲーション

nakahara21さん。

NP_Dtreeをダウンロードし、インストールしました。Maltiple_Categoriesも反映し、サイドバーに表示されるようになったのですが、plus.gif等のimgの回りにリンクを表す囲みケイがついてしまいました。

nakahara21さんのサンプルページのように、囲みケイのない状態にするにはどうしたらいいのでしょうか?
ちなみにこんな風になっています。

http://www.e-goods.net/rock.php

よろしくお願いします。

オフライン

#3 2005-09-30 00:29:10

Tamamiki
メンバー
登録日: 2004-12-04
投稿: 71

Re: NP_Dtree ツリー形式のナビゲーション

参考先のサイトさんのCSSを見ると
http://nucleus.s43.xrea.com/skins/ringt ... gtones.css

.dtree img {
    border: 0px;
    vertical-align: middle;
}

とボーダーなしの指定がありますので、ためしにこれをそちらのCSSにも
記載してみてはどうでしょうか。

オフライン

#4 2005-09-30 08:38:16

nakahara21
メンバー
From: 尼崎
登録日: 2003-11-14
投稿: 1,298
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

.dtree {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 100%;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}
.dtree a.selectedNode {
	background-color:#fcc;
	font-weight:bold;
}
.dtree a.selectedCatNode {
	background-color:#ffc;
	font-weight:bold;
}
.dtree a.selectedScatNode {
	background-color:#ffc;
	font-weight:bold;
}

をcssに追加してみてください。


nakahara21
http://nakahara21.com/
(ただいま調整中です)

オフライン

#5 2005-09-30 19:51:45

E-Goods
メンバー
登録日: 2005-09-29
投稿: 5

Re: NP_Dtree ツリー形式のナビゲーション

nakahara21さん、Tamamikiさん、アドバイスありがとうございました。

おかげできちんと表示されました。

オフライン

#6 2006-04-05 13:07:11

nakahara21
メンバー
From: 尼崎
登録日: 2003-11-14
投稿: 1,298
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

0.9にアップしました。
http://nakahara21.com/index.php?itemid=661
にて。


nakahara21
http://nakahara21.com/
(ただいま調整中です)

オフライン

#7 2006-06-10 18:49:41

嶽花
メンバー
From: 福岡
登録日: 2005-12-09
投稿: 88
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

http://takehana.smile.tc/qss/index.php?memberid=1
にてテスト設置して試しています。

表示はなされるのですが、フォルダ画像の右のリンクなどが少し下にずれたりしています。
(フォルダ画像の右にスペースがあるのは、CSSの設定上の問題なので、あとで直します)。

http://nucleus.s43.xrea.com/
http://fjsk.s39.xrea.com/Books/

のサイトさんのように、ツリーメニューのコンピュータ画像やフォルダ画像をなくした形で
表示させてみたいな、と考えています。

dtreedata.phpのどこをどのように書き換えれば実現できるでしょうか?

オフライン

#8 2006-06-11 00:12:20

藤咲
Administrator
From: 広島
登録日: 2003-11-17
投稿: 1,210
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

嶽花 さんの発言:

http://nucleus.s43.xrea.com/
http://fjsk.s39.xrea.com/Books/

のサイトさんのように、ツリーメニューのコンピュータ画像やフォルダ画像をなくした形で
表示させてみたいな、と考えています。

dtreedata.phpのどこをどのように書き換えれば実現できるでしょうか?

これはdTree.phpの方です。
this.config
という項目があり、ここで様々な設定が出来るようになっています。
ちなみに私の設定は以下のようになっています。

this.config = {
		target					: null,
		folderLinks			: false,
		useSelection		: false,
		useCookies			: false,
		useLines				: true,
		useIcons				: false,
		useStatusText		: false,
		closeSameLevel	: false,
		inOrder					: false
	}

藤咲
備忘録とかもろもろ
http://fjsk.tk/

オフライン

#9 2006-06-11 02:03:10

嶽花
メンバー
From: 福岡
登録日: 2005-12-09
投稿: 88
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

ありがとうございます。
おかげさまで希望していた表示になりました。

なお、私の場合は、サブカテゴリを含むカテゴリをクリックしたとき、
即座にそのカテゴリページを表示させたかったので、

folderLinks         : false,

folderLinks         : true,

に設定を変更しました。

オフライン

#10 2006-06-12 09:47:09

nakahara21
メンバー
From: 尼崎
登録日: 2003-11-14
投稿: 1,298
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

藤咲さん、毎度ありがとうございます。

念のためにマニュアルにリンク貼っておきます。
http://www.destroydrop.com/javascripts/tree/api/


nakahara21
http://nakahara21.com/
(ただいま調整中です)

オフライン

#11 2006-06-12 22:11:16

嶽花
メンバー
From: 福岡
登録日: 2005-12-09
投稿: 88
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

よくわからずにあてずっぽうで設定してたのですが、
リンク先の解説で良くわかるようになりました。

ありがとうございます。

オフライン

#12 2006-07-13 23:17:36

嶽花
メンバー
From: 福岡
登録日: 2005-12-09
投稿: 88
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

Dtreeなんですが、アイテム単体をクリックしたら、アイテムが所属しているカテゴリ・サブカテゴリの
ところが自動的に開くんですが

(例)
http://www.takehana.tv/cccc/index.php?itemid=1803

サブカテゴリをクリックすると、Dtreeの表示がされなくなってしまいます。

(例)
http://www.takehana.tv/cccc/?catid=44&subcatid=1
http://www.takehana.tv/cccc/index.php?c ... subcatid=1

どのような原因が考えられるでしょうか?

サーバはIISのRocket3サーバを卒業して、今は80code.comにお世話になってます。
PHP Version 4.3.10で、確かアパッチだったと思います。

オフライン

#13 2006-07-14 10:17:50

nakahara21
メンバー
From: 尼崎
登録日: 2003-11-14
投稿: 1,298
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

プラグインファイルのソース中、
&を&に置換してみたらどうなりますでしょうか?

dtree.phpへのクエリが正常に渡っていないような...


nakahara21
http://nakahara21.com/
(ただいま調整中です)

オフライン

#14 2006-07-14 12:22:29

嶽花
メンバー
From: 福岡
登録日: 2005-12-09
投稿: 88
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

NP_Dree.php内の&を&に置換を行いました。

if($skinType == 'template')から下あたり、43~58行目に6箇所ほどありましたので
全て置換してみたところ、変化はありませんでした。

例)
'dtreedata.php?o='.$randomID.'a&bid='

'dtreedata.php?o='.$randomID.'a&;bid='

※現在は元のソースに戻しています。

オフライン

#15 2006-07-15 02:27:36

嶽花
メンバー
From: 福岡
登録日: 2005-12-09
投稿: 88
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

http://nakahara21.com/index.php?itemid=661#c3790
こちらのコメント欄に掲載されていた、

dtreedata.php 102行目:
$cid = requestVar('sid'); → $sid = requestVar('sid');

を実践することで、サブカテゴリの時も問題ないことを確認いたしました。

ただ、その時はサブカテゴリの親カテゴリのところが選択されてない
状態になってしまう、というところだけが気がかりです。
それでもちゃんとツリーが表示されるようになったので良かったです。

オフライン

#16 2006-07-16 01:34:27

nakahara21
メンバー
From: 尼崎
登録日: 2003-11-14
投稿: 1,298
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

うわ。そんな状態のままで配布続けてるんですね :oops:
ご迷惑おかけしました。


nakahara21
http://nakahara21.com/
(ただいま調整中です)

オフライン

#17 2006-07-20 10:33:49

Tucker
メンバー
登録日: 2006-06-20
投稿: 159
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

個人的にはアイテムを選択したときに所属するカテゴリ( or サブカテゴリ)だけを選択するようにしたいんですけど~
そんな設定できます?

中身見てるんですが、なかなか・・・


Tucker
NucleusCMS 入門サイト計画中&アイデア募集中

オフライン

#18 2006-07-20 13:15:33

藤咲
Administrator
From: 広島
登録日: 2003-11-17
投稿: 1,210
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

http://nakahara21.com/index.php?itemid=661
の0.92を試してみてください。


藤咲
備忘録とかもろもろ
http://fjsk.tk/

オフライン

#19 2006-07-21 06:41:35

Tucker
メンバー
登録日: 2006-06-20
投稿: 159
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

藤咲さん

ちょいと目についたので突っ込んで聞いちゃっただけなんですが・・・一応ちゃんと最新版使ってます。
で・・・なんでこーいう質問したかというと

<!-- l --><a class="postlink-local" href="http://japan.nucleuscms.org/bb/viewtopic.php?t=2133">viewtopic.php?t=2133</a><!-- l -->

↑のスレッドで質問させてもらったんですが、Dtree変数をテンプレートに記述してアイテムリンクをクリックするとカテゴリーとサブカテゴリーが両方ハイライトされちゃうんですよね。アイテムがあるカテゴリだけハイライトするように自分で手直ししてる最中なんですが・・・ちょっと行き詰まり気味で(汗)

・・・ということなんです。


Tucker
NucleusCMS 入門サイト計画中&アイデア募集中

オフライン

#20 2006-07-21 10:46:11

nakahara21
メンバー
From: 尼崎
登録日: 2003-11-14
投稿: 1,298
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

Tucker さんの発言:

Dtree変数をテンプレートに記述してアイテムリンクをクリックするとカテゴリーとサブカテゴリーが両方ハイライトされちゃうんですよね。アイテムがあるカテゴリだけハイライトするように自分で手直ししてる最中なんですが・・・ちょっと行き詰まり気味で(汗)

どの辺が不都合ですか?
申し訳ないですが、ご希望の動作がイマイチ理解できてません :oops:


nakahara21
http://nakahara21.com/
(ただいま調整中です)

オフライン

#21 2006-07-21 16:21:58

Tucker
メンバー
登録日: 2006-06-20
投稿: 159
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

テンプレートに書いたらアイテムが属するカテゴリ+サブカテゴリを全部ハイライトする機能

アイテムが属する最下層のカテゴリ(サブカテゴリ)1つだけハイライトする機能
に変更したいんですよ。

わ・・わかるかな(汗)


<!-- l --><a class="postlink-local" href="http://japan.nucleuscms.org/bb/viewtopic.php?t=2133">viewtopic.php?t=2133</a><!-- l -->
こちらのスレッドでスキンに書いてもハイライト機能が動作をするように教えて頂きましたが、MultipleCategories(itemlink)との兼ね合いで思ったようにハイライトしてくれず悩んでます。


サブカテゴリにアイテムがある場合(表示順序(Dtreeハイライト))
上の機能OFF+MultipleCategories(itemlink)での動作
1. トップページ(なし) -> カテゴリ(カテゴリ) -> サブカテゴリ(サブカテゴリ) -> アイテム(サブカテゴリ)
2. トップページ(なし) -> カテゴリ(カテゴリ) -> アイテム(カテゴリ)
3. トップページ(なし) -> アイテム(なし)

※2や3の場合もアイテムが属するサブカテゴリをハイライトしたい


上の機能ON+MultipleCategories(itemlink)での動作
1. トップページ(なし) -> カテゴリ(カテゴリ) -> サブカテゴリ(サブカテゴリ) -> アイテム(カテゴリ&サブカテゴリ)
2. トップページ(なし) -> カテゴリ(カテゴリ) -> アイテム(カテゴリ&サブカテゴリ)
3. トップページ(なし) -> アイテム(カテゴリ&サブカテゴリ)

※ハイライトする場所を最下層(サブカテゴリ)一部分のみにしたい


結果的には同じ動作になるんですが・・・
機能OFFの場合はMultipleCategoriesの機能をいじくらないといけないので難しい・・という結論でしたよね。
なので機能ONの場合で実現できないものかと考えていますが・・・
場合によってはアイテムの属する最下層がカテゴリになることもあり、ちょっと悩んでます。


ど、どうでしょう?意図を汲み取って頂けましたでしょうか?


Tucker
NucleusCMS 入門サイト計画中&アイデア募集中

オフライン

#22 2006-11-30 00:54:13

shizuki
Administrator
From: 西播磨
登録日: 2006-03-23
投稿: 900
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

NP_Dtree0.94 をリリースします

  • NP_MultipleCategories のサブカテゴリの並び順に対応

  • Dtree の javascript オプションのプラグインオプションからの変更に対応

  • a タグの title に、カテゴリ・サブカテゴリの説明を追加

です
二つ目、日本語わかりにくいかも :oops:
今まで dtree/dtree.php (中身は dtree.js) の該当箇所を書き換えて変更していた、「アイコンを使用する・しない」とか、「同時に二つ以上の枝を展開できるようにする・しない」とかいった指定を、プラグインのオプションから指定できるようにしました
いろんな表示方法を手軽に試せるようになると思います
アップデートは「削除 -> 上書き -> 再インストール」です

ツリーを開いたり閉じたりする「全部開く」「全部閉じる」がいやな人は、言語ファイルを書き換える等で対応お願いします
これもオプションにした方がいい? roll

オフライン

#23 2006-12-01 15:38:32

sensis
メンバー
登録日: 2006-11-28
投稿: 4

Re: NP_Dtree ツリー形式のナビゲーション

いつも楽しく参考にさせていただいてます。
一瞬質問させてください。

探したのですが見つからなかったので、質問します。
すでにどこかにあったらすみません。
dtreeでデフォルトをopen allにしておくことは可能なのでしょうか?

トップページにはすべて開いたものをおいておく、といったような感じです。

個人的な質問ですみません。

オフライン

#24 2006-12-01 20:18:55

shizuki
Administrator
From: 西播磨
登録日: 2006-03-23
投稿: 900
ウェブサイト

Re: NP_Dtree ツリー形式のナビゲーション

127行目あたりに

        if (!(intRequestVar('page') > 0) !$catid) {
            echo '<script type="text/javascript">' . $randomID . 'd.openAll();</script>';
        }

と書いておくと、ShowBlogs 等でページ送りをしていなくてかつ、カテゴリーもサブカテゴリーも指定していない場合は、全ての枝が開いた状態になると思います
(何か適当なイベントハンドラ使いたかったんだけど見つからなかったです :oops: )

オフライン

#25 2006-12-06 17:49:20

nobu22
メンバー
登録日: 2006-12-06
投稿: 58

Re: NP_Dtree ツリー形式のナビゲーション

NP_Dtree0.94 を使ってサイトを構築しています。

Dtree自体は表示されているのですが、なぜかサブカテゴリのリンクURLに「amp;」が挿入され、
該当のカテゴリが表示されないのです。
http://tournavi.jp/community/

つまり、

東北
  青森
  岩手

というカテゴリ構造で、それぞれアイテムが1つづつあるのですが、Dtreeから青森を選んでも岩手
を選んでも、青森と岩手の両方が表示されてしまいます。

青森のURLは、
http://tournavi.jp/community/?catid=2&subcatid=10
になっています。

Multiple Categoriesの問題かなと思いましたが、 NP_Dtreeではなく、znMCListを使うと問題なく
リンクされますので、NP_Dtree側の問題だと思います。

znMCListで、同様に青森をクリックすると、
http://tournavi.jp/community/index.php? ... ubcatid=10
となり、正しく青森だけが表示されます。

↓ここにサブカテ非対応のContentsList、Dtree、znMCListを並べてますので、それぞれ青森と
岩手をクリックすれば違いがわかります。
http://tournavi.jp/community/

phpファイルから「amp;」を削除したり、文字コードをUTF8にしてみたりといろいろ試したのですが
どうやっても解決しません。

似たプラグインで、NP_TreeMenuというのもあるみたいですが、提供元のhttp://nakahara21.com/
は稼働していないみたいで、zipファイルへのリンクも切れています。

同じトラブルに見舞われている方はいらっしゃいませんでしょうか?
もしいらっしゃったら解決策をお教えください。
よろしくお願いいたします。

オフライン

Board footer