例えば、以下のような構造で、
テスト1-2-3というページに居る場合。
ホーム
テスト1
テスト1-2
テスト1-2-3
お問い合わせ
HTMLは以下のようになり、
ホームにテスト1と同様に、
liとaにclass="nav-path-selected"が反映されてしまいます。
<div id="drop4" class="droppy">
<ul class="nav">
<li class="nav-path-selected"><a class="nav-path-selected" href="./" >ホーム</a></li>
<li class="nav-path-selected"><a class="nav-path-selected" href="test1/" >テスト1</a>
<ul>
<li class="nav-path-selected"><a class="nav-path-selected" href="./test1/2/" >テスト1-2</a>
<ul>
<li class="nav-path-selected"><a class="nav-selected nav-path-selected" href="./test1/2/3/" >テスト1-2-3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="contact/" >お問い合わせ</a></li>
</ul>
</div>
Re: Re: jQuery Droppyを使ったプルダウンメニュー
2011年7月30日 at 18:08
返信ありがとうございます!
確かに、class="nav-path-selected"だと、
上の階層まで同じクラスが反映されているのでOKです。
でも、どのページでも「ホーム」が常に
class="nav-path-selected"になっているのが問題です。
Re: Re: Re: Re: Re: Re: Re: jQuery Droppyを使ったプルダウンメニュー
2011年8月2日 at 12:21
yamanoiです。
/concrete/blocks/autonav/view.php を/blocks/autonav/templates/droppy/sub.phpにコピーします。
このsub.phpの64行目あたりを下に修正します。
あと、view.phpの中を下のよう修正します。
これで解決できると思います。
/concrete/blocks/autonav/view.php を/blocks/autonav/templates/droppy/sub.phpにコピーします。
このsub.phpの64行目あたりを下に修正します。
if ($c->getCollectionID() == $_c->getCollectionID()) {
echo('<li class="nav-selected nav-path-selected"><a class=
"nav-selected nav-path-selected" href="' . $pageLink . '">' . $ni->getName() . '</a>');
} elseif ( in_array($_c->getCollectionID(),$selectedPathCIDs)
&& $_c->getCollectionID() > 1 ) {
echo('<li class="nav-path-selected"><a class="nav-path-sel
ected" href="' . $pageLink . '">' . $ni->getName() . '</a>');
} else {
echo('<li><a href="' . $pageLink . '">' . $ni->getName() .
'</a>');
}
あと、view.phpの中を下のよう修正します。
echo '<div id="drop'.$controller->bID.'" class="droppy">';
require('sub.php');
echo '</div>';
これで解決できると思います。
Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: jQuery Droppyを使ったプルダウンメニュー
2011年8月3日 at 7:06
私の会社のホームページですがyamanoiさんの作成された、プルダウンメニューを使用させていただいています。
http://www.higuchisyoten.co.jp/webpage/
参考になれば幸いです。
http://www.higuchisyoten.co.jp/webpage/
参考になれば幸いです。
Your post has been saved and will be published after approval by the forum moderator.
みゅみゅ
Re: Re: Re: jQuery Droppyを使ったプルダウンメニュー
CSSは下のようにアンカー(a)を指定していますか?
ul.nav a.nav-path-selected {
}
アンカー(a)を指定しないとliにもCSSが効いてしまいます。