git-svn-id: http://xe-core.googlecode.com/svn/trunk@1158 201d5d3c-b55e-5fd7-737f-ddc643e51545

layouts/sample_layout/layout.html

@@ -1,92 +1,83 @@
 <!-- 메뉴를 출력하기 위한 javascript 소스가 담긴 파일을 import -->
 <!--%import("js/layout.js")-->
 
-<!-- 메뉴를 미리 javscript object에 등록 -->
+<!-- 레이아웃과 연동될 css 파일 import -->
+<!--%import("css/layout.css")-->
+
+<!-- 메뉴를 미리 javscript object에 등록 (이 부분은 그냥 그대로 두면 됨) -->
 <script type="text/javascript">
-
-    <!-- main_menu 메뉴 생성 -->
-    <!--@foreach($main_menu->list as $first_menu)-->
-
-        xe_add_menu('main_menu', 1, "{htmlspecialchars($first_menu['text'])}","{htmlspecialchars($first_menu['href'])}","{$first_menu['open_window']}","{$first_menu['normal_btn']}","{$first_menu['hover_btn']}","{$first_menu['active_btn']}","", "", {$first_menu['selected']?'true':'false'});
-
-        <!-- 선택된 메뉴일 경우 2차 메뉴 생성 -->
-        <!--@if($first_menu['selected'])--><!--@foreach($first_menu['list'] as $second_menu)-->
-
-            xe_add_menu('main_menu', 2, "{htmlspecialchars($second_menu['text'])}","{htmlspecialchars($second_menu['href'])}","{$second_menu['open_window']}","{$second_menu['normal_btn']}","{$second_menu['hover_btn']}","{$second_menu['active_btn']}","<br />", "", {$second_menu['selected']?'true':'false'});
-
-            <!-- 선택된 메뉴일 경우 3차 메뉴 생성 -->
-            <!--@if($second_menu['selected'])--><!--@foreach($second_menu['list'] as $third_menu)-->
-
-                xe_add_menu('main_menu', 3, "{htmlspecialchars($third_menu['text'])}","{htmlspecialchars($third_menu['href'])}","{$third_menu['open_window']}","{$third_menu['normal_btn']}","{$third_menu['hover_btn']}","{$third_menu['active_btn']}","<br />", "", {$third_menu['selected']?'true':'false'});
-
-            <!--@end--><!--@end-->
-
-        <!--@end--><!--@end-->
-    <!--@end-->
-
-    <!-- bottom_menu 메뉴 생성 -->
-    <!--@foreach($bottom_menu->list as $first_menu)-->
-        xe_add_menu('bottom_menu', 1, "{htmlspecialchars($first_menu['text'])}","{htmlspecialchars($first_menu['href'])}","{$first_menu['open_window']}","{$first_menu['normal_btn']}","{$first_menu['hover_btn']}","{$first_menu['active_btn']}","", "", {$first_menu['selected']?'true':'false'});
-    <!--@end-->
-
+xe_layout_menu['main_menu'] = new Array();
+xe_layout_menu['main_menu'][1] = new Array();
+<!--@foreach($main_menu->list as $first_key => $first_menu)-->
+xe_layout_menu['main_menu'][1][{$first_key}] = { "text":"{htmlspecialchars($first_menu['text'])}","href":"{htmlspecialchars($first_menu['href'])}","open_window":"{$first_menu['open_window']}","normal_btn":"{$first_menu['normal_btn']}","hover_btn":"{$first_menu['hover_btn']}","active_btn":"{$first_menu['active_btn']}","className":"first_menu", "selectedClassName":"first_menu_selected", "selected":{$first_menu['selected']?'true':'false'}};
+<!--@if($first_menu['selected'])-->
+xe_layout_menu['main_menu'][2] = new Array();
+<!--@foreach($first_menu['list'] as $second_key => $second_menu)-->
+xe_layout_menu['main_menu'][2][{$second_key}] = { "text":"{htmlspecialchars($second_menu['text'])}","href":"{htmlspecialchars($second_menu['href'])}","open_window":"{$second_menu['open_window']}","normal_btn":"{$second_menu['normal_btn']}","hover_btn":"{$second_menu['hover_btn']}","active_btn":"{$second_menu['active_btn']}","className":"second_menu", "selectedClassName":"second_menu_selected", "selected":{$second_menu['selected']?'true':'false'}};
+<!--@if($second_menu['selected'])-->
+xe_layout_menu['main_menu'][3] = new Array();
+<!--@foreach($second_menu['list'] as $third_key => $third_menu)-->
+xe_layout_menu['main_menu'][3][{$third_key}] = { "text":"{htmlspecialchars($third_menu['text'])}","href":"{htmlspecialchars($third_menu['href'])}","open_window":"{$third_menu['open_window']}","normal_btn":"{$third_menu['normal_btn']}","hover_btn":"{$third_menu['hover_btn']}","active_btn":"{$third_menu['active_btn']}","className":"third_menu", "selectedClassName":"third_menu_selected", "selected":{$third_menu['selected']?'true':'false'}};
+<!--@end-->
+<!--@end-->
+<!--@end-->
+<!--@end-->
+<!--@end-->
+xe_layout_menu['bottom_menu'] = new Array();
+xe_layout_menu['bottom_menu'][1] = new Array();
+<!--@foreach($bottom_menu->list as $first_menu)-->
+xe_layout_menu['bottom_menu'][1][{$first_key}] = { "text":"{htmlspecialchars($first_menu['text'])}","href":"{htmlspecialchars($first_menu['href'])}","open_window":"{$first_menu['open_window']}","normal_btn":"{$first_menu['normal_btn']}","hover_btn":"{$first_menu['hover_btn']}","active_btn":"{$first_menu['active_btn']}","className":"bottom_menu", "selectedClassName":"bottom_menu_selected", "selected":{$first_menu['selected']?'true':'false'}};
+<!--@end-->
 </script>
 
-<div style="height:50px;border:1px solid;margin-bottom:10px;">
-    {$layout_info->top_title}
+<!-- 상단 로고 및 main_menu 1차 출력 -->
+<div class="layout_top">
+    <div class="layout_logo">
+        {$layout_info->top_title}
+    </div>
 
-    <div style="float:right">
-
-        <div>
-            <!-- main_menu 1차 시작 -->
-            <script type="text/javascript">
-                xe_print_menu('main_menu', 1);
-            </script>
-            <!-- main_menu 1차 끝 -->
-        </div>
+    <div class="layout_first_menu">
+        <!-- main_menu 1차 시작 -->
+        <script type="text/javascript">
+            xe_print_menu('main_menu', 1);
+        </script>
+        <!-- main_menu 1차 끝 -->
     </div>
 
 </div>
 
-<div>
-    <table border="0" width="100%" style="table-layout:fixed">
-    <col width="220" />
-    <col width="*" />
-    <tr valign="top">
-        <td>
-            <div>
-                <img src="./common/tpl/images/blank.gif" class="zbxe_plugin_output" plugin="login_info" skin="default" colorset="normal" style="width:100px;height:100px;"/>
-            </div>
+<!-- 중간 영역 -->
+<div class="layout_middle">
 
-            <div>
-                <!-- main_menu 2차 시작 -->
-                <script type="text/javascript">
-                    xe_print_menu('main_menu', 2, true);
-                </script>
-                <!-- main_menu 2차 끝 -->
-            </div>
+    <!-- 왼쪽 2차 메뉴 및 로그인과 기타 플러그인 부분 -->
+    <div class="layout_left">
+        <!-- 로그인 플러그인 -->
+        <img src="./common/tpl/images/blank.gif" class="zbxe_plugin_output" plugin="login_info" skin="default" colorset="normal" style="width:100px;height:100px;"/>
 
-            <!-- 레이아웃 관리 메뉴 -->
-            <!--@if($logged_info->is_admin == 'Y')-->
-            <div>
-                <a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminMenu','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_layout_management}</a>
-            </div>
-            <!--@end-->
+        <!-- main_menu 2차 시작 -->
+        <div class="layout_second_menu">
+            <script type="text/javascript">
+                xe_print_menu('main_menu', 2, true);
+            </script>
+        </div>
 
-        </td>
-        <td>
-            <div id="content">{$content}</div>
-        </td>
-    </tr>
-    <tr>
-        <td colspan="2" align="center">
-            <div style="margin-top:20px;">
-                <!-- bottom_menu 메뉴 시작 -->
-                    <script type="text/javascript">
-                        xe_print_menu('bottom_menu', 1);
-                    </script>
-                <!-- 메뉴 표시 끝 -->
-            </div>
-        </td>
-    </tr>
-    </table>
+        <!--@if($logged_info->is_admin == 'Y')-->
+        <!-- 관리자일 경우 레이아웃 관리 메뉴 -->
+        <div class="layout_admin">
+            <a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminMenu','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_layout_management}</a>
+        </div>
+        <!--@end-->
+    </div>
+
+    <!-- 컨텐츠 출력 부분 -->
+    <div class="layout_content" id="content">{$content}</div>
+</div>
+
+<!-- bottom_menu 메뉴 시작 -->
+<div class="layout_bottom">
+    <div class="layout_bottom_menu">
+        <script type="text/javascript">
+            xe_print_menu('bottom_menu', 1);
+        </script>
+    </div>
 </div>