| 1 | <style type="text/css">
|
|---|
| 2 | div.dragged_elm {
|
|---|
| 3 | position: absolute;
|
|---|
| 4 | border: 1px solid black;
|
|---|
| 5 | background: rgb(195,217,255);
|
|---|
| 6 | color: #333;
|
|---|
| 7 | cursor: move;
|
|---|
| 8 | PADDING-RIGHT: 2px;
|
|---|
| 9 | PADDING-LEFT: 2px;
|
|---|
| 10 | PADDING-BOTTOM: 5px;
|
|---|
| 11 | PADDING-TOP: 5px;
|
|---|
| 12 | FONT-SIZE: 10pt;
|
|---|
| 13 | }
|
|---|
| 14 |
|
|---|
| 15 | div.drop_target {
|
|---|
| 16 | border: 0px solid gray;
|
|---|
| 17 | position: relative;
|
|---|
| 18 | text-align: center;
|
|---|
| 19 | color: #333;
|
|---|
| 20 | }
|
|---|
| 21 |
|
|---|
| 22 | </style>
|
|---|
| 23 | <script type="text/javascript">
|
|---|
| 24 |
|
|---|
| 25 | function doPreview(){
|
|---|
| 26 | document.form1.mode.value="preview"
|
|---|
| 27 | document.form1.target = "_blank";
|
|---|
| 28 | document.form1.submit();
|
|---|
| 29 | }
|
|---|
| 30 | function fnTargetSelf(){
|
|---|
| 31 | document.form1.target = "_self";
|
|---|
| 32 | }
|
|---|
| 33 |
|
|---|
| 34 | // ½é´ü½èÍý
|
|---|
| 35 | function init () {
|
|---|
| 36 | document.body.ondrag = function () { return false; };
|
|---|
| 37 | document.body.onselectstart = function () { return false; };
|
|---|
| 38 |
|
|---|
| 39 | // ¥¦¥£¥ó¥É¥¦¥µ¥¤¥º¤ò¼èÆÀ
|
|---|
| 40 | scrX = GetWindowSize("width");
|
|---|
| 41 | scrY = GetWindowSize("height");
|
|---|
| 42 |
|
|---|
| 43 | // ¥¦¥£¥ó¥É¥¦¥µ¥¤¥ºÊѹ¹¥¤¥Ù¥ó¥È¤Ë´ØÏ¢ÉÕ¤±
|
|---|
| 44 | window.onresize = fnMoveObject;
|
|---|
| 45 |
|
|---|
| 46 | // div¥¿¥°¤ò¼èÆÀ
|
|---|
| 47 | all_elms = document.getElementsByTagName ( 'div' );
|
|---|
| 48 |
|
|---|
| 49 | // td¥¿¥°¤ò¼èÆÀ
|
|---|
| 50 | all_td = document.getElementsByTagName ( 'td' );
|
|---|
| 51 |
|
|---|
| 52 | // ÇÛÎóºîÀ®
|
|---|
| 53 | fnCreateArr(0);
|
|---|
| 54 |
|
|---|
| 55 | // alerttest(0);
|
|---|
| 56 |
|
|---|
| 57 | // ʤÓÂØ¤¨
|
|---|
| 58 | fnMoveObject();
|
|---|
| 59 |
|
|---|
| 60 | <!--{$complate_msg}-->
|
|---|
| 61 | }
|
|---|
| 62 |
|
|---|
| 63 | </script>
|
|---|
| 64 |
|
|---|
| 65 | <script type="text/javascript" src="/js/layout_design.js"></script>
|
|---|
| 66 |
|
|---|
| 67 | <!--¡ú¡ú¥á¥¤¥ó¥³¥ó¥Æ¥ó¥Ä¡ú¡ú-->
|
|---|
| 68 | <table width="878" border="0" cellspacing="0" cellpadding="0" summary=" ">
|
|---|
| 69 | <form name="form1" id="form1" method="post" action="<!--{$smarty.server.PHP_SELF}-->" >
|
|---|
| 70 | <input type="hidden" name="mode" value="">
|
|---|
| 71 | <input type="hidden" name="page_id" value="<!--{$page_id}-->">
|
|---|
| 72 | <input type="hidden" name="bloc_cnt" value="<!--{$bloc_cnt}-->">
|
|---|
| 73 | <tr valign="top">
|
|---|
| 74 | <td background="/img/contents/navi_bg.gif" height="402">
|
|---|
| 75 | <!--¢§SUB NAVI-->
|
|---|
| 76 | <!--{include file=$tpl_subnavi}-->
|
|---|
| 77 | <!--¢¥SUB NAVI-->
|
|---|
| 78 | </td>
|
|---|
| 79 | <td class="mainbg" >
|
|---|
| 80 | <table width="737" border="0" cellspacing="0" cellpadding="0" summary=" ">
|
|---|
| 81 | <!--¥á¥¤¥ó¥¨¥ê¥¢-->
|
|---|
| 82 | <tr>
|
|---|
| 83 | <td align="center">
|
|---|
| 84 | <table width="706" border="0" cellspacing="0" cellpadding="0" summary=" ">
|
|---|
| 85 |
|
|---|
| 86 | <tr><td height="14"></td></tr>
|
|---|
| 87 | <tr>
|
|---|
| 88 | <td colspan="3"><img src="/img/contents/main_top.jpg" width="706" height="14" alt=""></td>
|
|---|
| 89 | </tr>
|
|---|
| 90 | <tr>
|
|---|
| 91 | <td background="/img/contents/main_left.jpg"><img src="/img/common/_.gif" width="14" height="1" alt=""></td>
|
|---|
| 92 | <td bgcolor="#cccccc">
|
|---|
| 93 |
|
|---|
| 94 | <!--ÅÐÏ¿¥Æ¡¼¥Ö¥ë¤³¤³¤«¤é-->
|
|---|
| 95 | <table width="678" border="0" cellspacing="0" cellpadding="0" summary=" ">
|
|---|
| 96 | <tr>
|
|---|
| 97 | <td colspan="3"><img src="/img/contents/contents_title_top.gif" width="678" height="7" alt=""></td>
|
|---|
| 98 | </tr>
|
|---|
| 99 | <tr>
|
|---|
| 100 | <td background="/img/contents/contents_title_left_bg.gif"><img src="/img/contents/contents_title_left.gif" width="22" height="12" alt=""></td>
|
|---|
| 101 | <td bgcolor="#636469" width="638" class="fs14n"><span class="white"><!--¥³¥ó¥Æ¥ó¥Ä¥¿¥¤¥È¥ë-->¥ì¥¤¥¢¥¦¥ÈÊÔ½¸</span></td>
|
|---|
| 102 | <td background="/img/contents/contents_title_right_bg.gif"><img src="/img/common/_.gif" width="18" height="1" alt=""></td>
|
|---|
| 103 | </tr>
|
|---|
| 104 | <tr>
|
|---|
| 105 | <td colspan="3"><img src="/img/contents/contents_title_bottom.gif" width="678" height="7" alt=""></td>
|
|---|
| 106 | </tr>
|
|---|
| 107 | <tr>
|
|---|
| 108 | <td colspan="3"><img src="/img/contents/main_bar.jpg" width="678" height="10" alt=""></td>
|
|---|
| 109 | </tr>
|
|---|
| 110 | </table>
|
|---|
| 111 |
|
|---|
| 112 | <!--¢§¥ì¥¤¥¢¥¦¥ÈÊÔ½¸¡¡¤³¤³¤«¤é-->
|
|---|
| 113 | <table width="678" border="0" cellspacing="1" cellpadding="8" summary=" ">
|
|---|
| 114 | <tr class="fs12n">
|
|---|
| 115 | <td bgcolor="#f2f1ec" align="center"><strong>¥ì¥¤¥¢¥¦¥ÈÊÔ½¸</strong></td>
|
|---|
| 116 | <td bgcolor="#f2f1ec" align="center"><strong>̤»ÈÍÑ¥Ö¥í¥Ã¥¯</strong></td>
|
|---|
| 117 | </tr>
|
|---|
| 118 | <tr>
|
|---|
| 119 | <!--¢§¥ì¥¤¥¢¥¦¥È¡¡¤³¤³¤«¤é-->
|
|---|
| 120 | <td bgcolor="#ffffff" align="center" valign = 'top'>
|
|---|
| 121 | <table width="450" border=0 cellspacing="1" cellpadding="" summary=" " bgcolor="ffffff">
|
|---|
| 122 | <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr>
|
|---|
| 123 | <tr class="fs12n" height = 50>
|
|---|
| 124 | <td bgcolor="#cccccc" align="center" colspan=3> ¥Ø¥Ã¥À¡¼Éô </td>
|
|---|
| 125 | </tr>
|
|---|
| 126 | <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr>
|
|---|
| 127 | <tr>
|
|---|
| 128 | <!-- ¡ú¡ù¡ú º¸¥Ê¥Ó¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
|
|---|
| 129 | <td bgcolor="#ffffff" align="center" valign = 'top'>
|
|---|
| 130 | <table border="0" height="400" cellspacing="1" cellpadding="" summary=" " bgcolor="#cccccc">
|
|---|
| 131 | <tr class="fs12n">
|
|---|
| 132 | <td bgcolor="#ffffff" align="center" id="layout">
|
|---|
| 133 | <div tid="LeftNavi" class="drop_target" id="t1" style="width: 145px; height: 100px;"></div>
|
|---|
| 134 | </td>
|
|---|
| 135 | </tr>
|
|---|
| 136 | </table>
|
|---|
| 137 | </td>
|
|---|
| 138 | <!-- ¡ú¡ù¡ú º¸¥Ê¥Ó¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
|
|---|
| 139 | <td bgcolor="#ffffff" align="center" valign = 'top'>
|
|---|
| 140 | <table border="0" cellspacing="1" cellpadding="" summary=" " bgcolor="#cccccc">
|
|---|
| 141 | <!-- ¡ú¡ù¡ú ¥á¥¤¥ó¾åÉô¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
|
|---|
| 142 | <thead>
|
|---|
| 143 | <tr class="fs12n">
|
|---|
| 144 | <td bgcolor="#ffffff" valign="top" name='MainHead' height="100" id="layout">
|
|---|
| 145 | <div tid="MainHead" class="drop_target" id="t2" style="width: 145px; height: 100px;"></div>
|
|---|
| 146 | </td>
|
|---|
| 147 | </tr>
|
|---|
| 148 | </thead>
|
|---|
| 149 | <!-- ¡ú¡ù¡ú ¥á¥¤¥ó¾åÉô¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
|
|---|
| 150 | <!-- ¡ú¡ù¡ú ¥á¥¤¥ó ¡ù¡ú¡ù -->
|
|---|
| 151 | <tr class="fs12n">
|
|---|
| 152 | <td height=198 align="center" name='Main'>¥á¥¤¥ó</td>
|
|---|
| 153 | </tr>
|
|---|
| 154 | <!-- ¡ú¡ù¡ú ¥á¥¤¥ó ¡ù¡ú¡ù -->
|
|---|
| 155 | <!-- ¡ú¡ù¡ú ¥á¥¤¥ó²¼Éô¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
|
|---|
| 156 | <tfoot>
|
|---|
| 157 | <tr class="fs12n">
|
|---|
| 158 | <td bgcolor="#ffffff" valign="top" name='MainFoot' height="100" id="layout">
|
|---|
| 159 | <div tid="MainFoot" class="drop_target" id="t4" style="width: 145px; height: 100px;"></div>
|
|---|
| 160 | </td>
|
|---|
| 161 | </tr>
|
|---|
| 162 | </tfoot>
|
|---|
| 163 | <!-- ¡ú¡ù¡ú ¥á¥¤¥ó²¼Éô¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
|
|---|
| 164 | </table>
|
|---|
| 165 | </td>
|
|---|
| 166 | <!-- ¡ú¡ù¡ú ±¦¥Ê¥Ó¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
|
|---|
| 167 | <td bgcolor="#ffffff" align="center" valign = 'top'>
|
|---|
| 168 | <table border="0" cellspacing="1" cellpadding="" summary=" " bgcolor="#cccccc">
|
|---|
| 169 | <tr class="fs12n">
|
|---|
| 170 | <td bgcolor="#ffffff" align="center">
|
|---|
| 171 | <div tid="RightNavi" class="drop_target" id="t3" style="width: 145px; height: 100px;"></div>
|
|---|
| 172 | </td>
|
|---|
| 173 | </tr>
|
|---|
| 174 | </table>
|
|---|
| 175 | </td>
|
|---|
| 176 | <!-- ¡ú¡ù¡ú ±¦¥Ê¥Ó¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
|
|---|
| 177 | </tr>
|
|---|
| 178 | <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr>
|
|---|
| 179 | <tr class="fs12n" height=50><td bgcolor="#cccccc" align="center" colspan=3>¥Õ¥Ã¥¿¡¼Éô</td></tr>
|
|---|
| 180 | <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr>
|
|---|
| 181 | </table>
|
|---|
| 182 | </td>
|
|---|
| 183 | <!--¢¥¥ì¥¤¥¢¥¦¥È¡¡¤³¤³¤Þ¤Ç-->
|
|---|
| 184 |
|
|---|
| 185 | <!--¢§Ì¤»ÈÍÑ¥Ö¥í¥Ã¥¯¡¡¤³¤³¤«¤é-->
|
|---|
| 186 | <td bgcolor="#ffffff" align="center" valign = 'top'>
|
|---|
| 187 | <table width="140" border="0" cellspacing="" cellpadding="" summary=" " bgcolor="#ffffff">
|
|---|
| 188 | <tr class="fs12n">
|
|---|
| 189 | <td bgcolor="#ffffff" align="center" >
|
|---|
| 190 | <div tid="Unused" class="drop_target" id="t5" style="width: 160px; height: 500px; border: 1px solid #cccccc;"></div>
|
|---|
| 191 | </td>
|
|---|
| 192 | </tr>
|
|---|
| 193 | <tr class="fs12n">
|
|---|
| 194 | <td bgcolor="#ffffff" align="center" height="30">
|
|---|
| 195 | <input type='button' value='¿·µ¬¥Ö¥í¥Ã¥¯ºîÀ®' name='subm' onclick="fnTargetSelf(); fnFormModeSubmit('form1','new_bloc','','');" />
|
|---|
| 196 | </td>
|
|---|
| 197 | </tr>
|
|---|
| 198 | </table>
|
|---|
| 199 | </td>
|
|---|
| 200 | <!--¢¥Ì¤»ÈÍÑ¥Ö¥í¥Ã¥¯¡¡¤³¤³¤Þ¤Ç-->
|
|---|
| 201 | </tr>
|
|---|
| 202 | <tr class="fs12n">
|
|---|
| 203 | <td bgcolor="#f2f1ec" align="center" colspan=2>
|
|---|
| 204 | <input type='button' value='Êݸ' name='subm' onclick="fnTargetSelf(); fnFormModeSubmit('form1','confirm','','');" />
|
|---|
| 205 | <input type='button' value='¥×¥ì¥Ó¥å¡¼' name='preview' onclick="doPreview();" <!--{if $page_id == "0" or $exists_page == "0" }-->DISABLED<!--{/if}--> />
|
|---|
| 206 | </td>
|
|---|
| 207 | </tr>
|
|---|
| 208 | </table>
|
|---|
| 209 | <!--¢¥¥ì¥¤¥¢¥¦¥ÈÊÔ½¸¡¡¤³¤³¤Þ¤Ç-->
|
|---|
| 210 |
|
|---|
| 211 | <table width="678" border="0" cellspacing="0" cellpadding="0" summary=" ">
|
|---|
| 212 | <tr><td colspan="3"><img src="/img/contents/main_bar.jpg" width="678" height="10" alt=""></td></tr>
|
|---|
| 213 | </table>
|
|---|
| 214 |
|
|---|
| 215 | <!--¢§¥Ú¡¼¥¸°ìÍ÷¡¡¤³¤³¤«¤é-->
|
|---|
| 216 | <table width="678" border="0" cellspacing="1" cellpadding="5" summary=" ">
|
|---|
| 217 | <tr class="fs12n">
|
|---|
| 218 | <td bgcolor="#f2f1ec" align="center" colspan=3 ><strong>ÊÔ½¸²Äǽ¥Ú¡¼¥¸</strong></td>
|
|---|
| 219 | </tr>
|
|---|
| 220 |
|
|---|
| 221 | <!--{foreach key=key item=item from=$arrEditPage}-->
|
|---|
| 222 | <tr class="fs12n" height=20>
|
|---|
| 223 | <td align="center" width=600 bgcolor="<!--{if $item.page_id == $page_id}--><!--{$smarty.const.SELECT_RGB}--><!--{else}-->#ffffff<!--{/if}-->">
|
|---|
| 224 | <a href="<!--{$smarty.server.PHP_SELF}-->?page_id=<!--{$item.page_id}-->" ><!--{$item.page_name}--></a>
|
|---|
| 225 | </td>
|
|---|
| 226 | <td align="center" width=78 bgcolor="<!--{if $item.page_id == $page_id}--><!--{$smarty.const.SELECT_RGB}--><!--{else}-->#ffffff<!--{/if}-->">
|
|---|
| 227 | <!--{if $item.tpl_dir != ""}-->
|
|---|
| 228 | <input type='button' value='¥Ú¡¼¥¸ÊÔ½¸' name='page_edit' onclick="location.href='./main_edit.php?page_id=<!--{$item.page_id}-->'" />
|
|---|
| 229 | <!--{else}-->
|
|---|
| 230 | ¥Ú¡¼¥¸ÊÔ½¸¤Ç¤¤Þ¤»¤ó
|
|---|
| 231 | <!--{/if}-->
|
|---|
| 232 | </td>
|
|---|
| 233 | <td align="center" width=78 bgcolor="<!--{if $item.page_id == $page_id}--><!--{$smarty.const.SELECT_RGB}--><!--{else}-->#ffffff<!--{/if}-->">
|
|---|
| 234 | <!--{if $item.edit_flg == 1}-->
|
|---|
| 235 | <input type='button' value='ºï½ü' name='del' onclick="fnTargetSelf(); fnFormModeSubmit('form1','delete','','');" />
|
|---|
| 236 | <!--{/if}-->
|
|---|
| 237 | </td>
|
|---|
| 238 | </tr>
|
|---|
| 239 | <!--{/foreach}-->
|
|---|
| 240 |
|
|---|
| 241 | <tr class="fs12n">
|
|---|
| 242 | <td bgcolor="#f2f1ec" align="center" colspan=3>
|
|---|
| 243 | <input type='button' value='¿·µ¬¥Ú¡¼¥¸ºîÀ®' name='subm' onclick="fnTargetSelf(); fnFormModeSubmit('form1','new_page','','');" />
|
|---|
| 244 | </td>
|
|---|
| 245 | </tr>
|
|---|
| 246 | </table>
|
|---|
| 247 | <!--¢¥¥Ú¡¼¥¸°ìÍ÷¡¡¤³¤³¤Þ¤Ç-->
|
|---|
| 248 |
|
|---|
| 249 | </td>
|
|---|
| 250 | <td background="/img/contents/main_right.jpg"><img src="/img/common/_.gif" width="14" height="1" alt=""></td>
|
|---|
| 251 | </tr>
|
|---|
| 252 | <tr>
|
|---|
| 253 | <td colspan="3"><img src="/img/contents/main_bottom.jpg" width="706" height="14" alt=""></td>
|
|---|
| 254 | </tr>
|
|---|
| 255 | <tr><td height="30"></td></tr>
|
|---|
| 256 |
|
|---|
| 257 | </table>
|
|---|
| 258 | </td>
|
|---|
| 259 | </tr>
|
|---|
| 260 | <!--¥á¥¤¥ó¥¨¥ê¥¢-->
|
|---|
| 261 | </table>
|
|---|
| 262 | </td>
|
|---|
| 263 | </tr>
|
|---|
| 264 |
|
|---|
| 265 | </table>
|
|---|
| 266 | <!--¡ú¡ú¥á¥¤¥ó¥³¥ó¥Æ¥ó¥Ä¡ú¡ú-->
|
|---|
| 267 |
|
|---|
| 268 | <!--{foreach key=key item=item from=$tpl_arrBloc name="bloc_loop"}-->
|
|---|
| 269 | <div align=center target_id="<!--{$item.target_id}-->" did="<!--{$smarty.foreach.bloc_loop.iteration}-->" class="dragged_elm" id="<!--{$item.target_id}-->"
|
|---|
| 270 | style="left:350px; top:0px; filter: alpha(opacity=100); opacity: 1; width: 120px;">
|
|---|
| 271 | <!--{$item.name}-->
|
|---|
| 272 | </div>
|
|---|
| 273 | <input type="hidden" name="name_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.name}-->">
|
|---|
| 274 | <input type="hidden" name="id_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.bloc_id}-->">
|
|---|
| 275 | <input type="hidden" name="target_id_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.target_id}-->">
|
|---|
| 276 | <input type="hidden" name="top_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.bloc_row}-->">
|
|---|
| 277 | <!--{/foreach}-->
|
|---|
| 278 | </form>
|
|---|