묻고답하기
레이아웃 제작중 막힌부분이 있어서;;
2010.01.14 17:16
레이아웃을 제작하고있습니다. 보니 옛날방식으로도 레이아웃을 만들수 있겠구나 하며 메뉴얼 보며 열심히 만들었고
http://zbxe.springnote.com/pages/392293
일단 xe의 메뉴기능과 연동되지 않고 소스로만 구현한 페이지는 다음과 같습니다.
위 자료 따라가며 만들다가 제가 찾아본 드롭다운 메뉴를 사용해보고싶어 찾아서 소스를 찾았습니다.
이걸 레이아웃에 스크립트와 css파일을 import하여 구현하니 잘되는데
이걸 xe에서의 메뉴와 연동하고싶어 삽질중 너무 막혀서;;;
코드는 간단히 이겁니다.
<ul class="menu" id="menu">
<li><a href="./#" class="menulink">Dropdown One</a>
<li><a href="./#" class="menulink">Non-Dropdown</a></li>
<li>
<a href="./#" class="menulink">Dropdown Two</a>
<ul>
<li><a href="./#" class="sub">Navigation Item 1</a></li>
<li>
<a href="./#" class="sub">Navigation Item 2</a>
<ul>
<li class="topline"><a href="./#">Navigation Item 1</a></li>
<li><a href="./#">Navigation Item 2</a></li>
<li><a href="./#">Navigation Item 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="./#" class="menulink">Dropdown Three</a></li>
</ul>
위와 같은 코드를 넣으면 class가 menulink로 되있는것이 메인으로 뜨고 이하 메뉴출력은 class="sub"로 되어있습니다.
이걸 메뉴와 연동을 어떻게 해야하나..;;하는 생각을 하다 뒤져도 나오지는 않고 메뉴얼도 어렵고 ㅠㅜ
말로하자면
메뉴자료를 불러와 menulink클래스로 뿌리고
////////////여기서 막힙니다;;////////////////////
그 이하 메뉴가 있다면(if문써야하는건가요?) 클래스 sub로 li태그를 만들어 출력
말이 쉽지;;;;;;;;;;;;;;참 난감한;;;;;;;;;;;;;;;
<ul class="menu" id="menu">
<!--@foreach($main_menu->list as $key => $val)-->
<!--@if($val['text'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->>
<a href="./{$val["href']}" <!--@if($val['open_window']=='Y'+ '+ ')-->onclick="window.open(this.href);return false;"<!--@end--> class="menulink">
{$val['text']}
</a>
</li>
<!--@end-->
<!--@end-->
</ul>
요래하면...........일단..........메인메뉴는 나옵니다;;(메뉴얼에 있는 소스를 클래스만 수정하였습니다;;)
고수님 혹 찾기쉬운 메뉴얼같은게 없을까요 ㅎ;
대충 아래와 같이 짜면 되유.
(급하게 짠거라서 세부적인거 검토해야되는데 구조는 대충 맞는듯해요)
아 그리고 예제로 보여준 드롭다운 샘플을 공유 가능한가요?
저두 이번에 드롭다운 메뉴좀 고칠려고 하는데....
가능하다면, 예제로 보여주신 셈플의 css html js화일 공유 부탁드립니다.
이멜루 부탁드립니다. sep16thyj@hotmail.com 입니다.
<ul id="menu" class="menu">
<!--@foreach($main_menu->list as $k1 => $v1)-->
<!--@if($v1["link"])-->
<li>
<a href="./#" class="menulink">{$v1["text"]}</a>
<!--@if($v1['list'])-->
<ul>
<!--@foreach($v1['list'] as $k2 => $v2)-->
<!--@if($v2['link'])-->
<li>
<a heref="./#" class="sub">{$v2['text']}</a>
<!--@if($v2['list'])-->
<ul><!--@foreach($v2['list'] as $k3 => $v3)-->
<!--@if($v3['link'])-->
<li>
<a heref="./#" class="sub">{$v3['text']}</a>
</li>
<!--@end-->
<!--@end-->
</ul>
<!--@end-->
</li>
<!--@end-->
<!--@end-->
</ul>
<!--@end-->
</li>
<!--@end-->
<!--@end-->
</ul>