| 1 | <!--{* |
---|
| 2 | /* |
---|
| 3 | * This file is part of EC-CUBE |
---|
| 4 | * |
---|
| 5 | * Copyright(c) 2000-2010 LOCKON CO.,LTD. All Rights Reserved. |
---|
| 6 | * |
---|
| 7 | * http://www.lockon.co.jp/ |
---|
| 8 | * |
---|
| 9 | * This program is free software; you can redistribute it and/or |
---|
| 10 | * modify it under the terms of the GNU General Public License |
---|
| 11 | * as published by the Free Software Foundation; either version 2 |
---|
| 12 | * of the License, or (at your option) any later version. |
---|
| 13 | * |
---|
| 14 | * This program is distributed in the hope that it will be useful, |
---|
| 15 | * but WITHOUT ANY WARRANTY; without even the implied warranty of |
---|
| 16 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
---|
| 17 | * GNU General Public License for more details. |
---|
| 18 | * |
---|
| 19 | * You should have received a copy of the GNU General Public License |
---|
| 20 | * along with this program; if not, write to the Free Software |
---|
| 21 | * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. |
---|
| 22 | */ |
---|
| 23 | *}--> |
---|
| 24 | <style type="text/css"> |
---|
| 25 | div.dragged_elm { |
---|
| 26 | position: absolute; |
---|
| 27 | border: 1px solid black; |
---|
| 28 | background: rgb(195,217,255); |
---|
| 29 | color: #333; |
---|
| 30 | cursor: move; |
---|
| 31 | PADDING-RIGHT: 2px; |
---|
| 32 | PADDING-LEFT: 2px; |
---|
| 33 | PADDING-BOTTOM: 5px; |
---|
| 34 | PADDING-TOP: 5px; |
---|
| 35 | FONT-SIZE: 10pt; |
---|
| 36 | } |
---|
| 37 | |
---|
| 38 | div.drop_target { |
---|
| 39 | border: 0px solid gray; |
---|
| 40 | position: relative; |
---|
| 41 | text-align: center; |
---|
| 42 | color: #333; |
---|
| 43 | } |
---|
| 44 | |
---|
| 45 | </style> |
---|
| 46 | <script type="text/javascript"> |
---|
| 47 | |
---|
| 48 | function doPreview(){ |
---|
| 49 | document.form1.mode.value="preview" |
---|
| 50 | document.form1.target = "_blank"; |
---|
| 51 | document.form1.submit(); |
---|
| 52 | } |
---|
| 53 | function fnTargetSelf(){ |
---|
| 54 | document.form1.target = "_self"; |
---|
| 55 | } |
---|
| 56 | |
---|
| 57 | // 初期処理 |
---|
| 58 | function init () { |
---|
| 59 | document.body.ondrag = function () { return false; }; |
---|
| 60 | document.body.onselectstart = function () { return false; }; |
---|
| 61 | |
---|
| 62 | // ウィンドウサイズを取得 |
---|
| 63 | scrX = GetWindowSize("width"); |
---|
| 64 | scrY = GetWindowSize("height"); |
---|
| 65 | |
---|
| 66 | // ウィンドウサイズ変更イベントに関連付け |
---|
| 67 | window.onresize = fnMoveObject; |
---|
| 68 | |
---|
| 69 | // divタグを取得 |
---|
| 70 | all_elms = document.getElementsByTagName ( 'div' ); |
---|
| 71 | |
---|
| 72 | // tdタグを取得 |
---|
| 73 | all_td = document.getElementsByTagName ( 'td' ); |
---|
| 74 | |
---|
| 75 | // 配列作成 |
---|
| 76 | fnCreateArr(0); |
---|
| 77 | |
---|
| 78 | // alerttest(0); |
---|
| 79 | |
---|
| 80 | // 並び替え |
---|
| 81 | fnMoveObject(); |
---|
| 82 | |
---|
| 83 | <!--{$complate_msg}--> |
---|
| 84 | } |
---|
| 85 | |
---|
| 86 | </script> |
---|
| 87 | |
---|
| 88 | <script type="text/javascript" src="<!--{$TPL_DIR}-->js/layout_design.js"></script> |
---|
| 89 | |
---|
| 90 | <!--★★メインコンテンツ★★--> |
---|
| 91 | <table width="878" border="0" cellspacing="0" cellpadding="0" summary=" "> |
---|
| 92 | <form name="form1" id="form1" method="post" action="<!--{$smarty.server.PHP_SELF|escape}-->" > |
---|
| 93 | <input type="hidden" name="mode" value=""> |
---|
| 94 | <input type="hidden" name="page_id" value="<!--{$page_id}-->"> |
---|
| 95 | <input type="hidden" name="bloc_cnt" value="<!--{$bloc_cnt}-->"> |
---|
| 96 | <tr valign="top"> |
---|
| 97 | <td background="<!--{$TPL_DIR}-->img/contents/navi_bg.gif" height="402"> |
---|
| 98 | <!--▼SUB NAVI--> |
---|
| 99 | <!--{include file=$tpl_subnavi}--> |
---|
| 100 | <!--▲SUB NAVI--> |
---|
| 101 | </td> |
---|
| 102 | <td class="mainbg" > |
---|
| 103 | <table width="737" border="0" cellspacing="0" cellpadding="0" summary=" "> |
---|
| 104 | <!--メインエリア--> |
---|
| 105 | <tr> |
---|
| 106 | <td align="center"> |
---|
| 107 | <table width="706" border="0" cellspacing="0" cellpadding="0" summary=" "> |
---|
| 108 | |
---|
| 109 | <tr><td height="14"></td></tr> |
---|
| 110 | <tr> |
---|
| 111 | <td colspan="3"><img src="<!--{$TPL_DIR}-->img/contents/main_top.jpg" width="706" height="14" alt=""></td> |
---|
| 112 | </tr> |
---|
| 113 | <tr> |
---|
| 114 | <td background="<!--{$TPL_DIR}-->img/contents/main_left.jpg"><img src="<!--{$TPL_DIR}-->img/common/_.gif" width="14" height="1" alt=""></td> |
---|
| 115 | <td bgcolor="#cccccc"> |
---|
| 116 | |
---|
| 117 | <!--登録テーブルここから--> |
---|
| 118 | <table width="678" border="0" cellspacing="0" cellpadding="0" summary=" "> |
---|
| 119 | <tr> |
---|
| 120 | <td colspan="3"><img src="<!--{$TPL_DIR}-->img/contents/contents_title_top.gif" width="678" height="7" alt=""></td> |
---|
| 121 | </tr> |
---|
| 122 | <tr> |
---|
| 123 | <td background="<!--{$TPL_DIR}-->img/contents/contents_title_left_bg.gif"><img src="<!--{$TPL_DIR}-->img/contents/contents_title_left.gif" width="22" height="12" alt=""></td> |
---|
| 124 | <td bgcolor="#636469" width="638" class="fs14n"><span class="white"><!--コンテンツタイトル-->レイアウト編集</span></td> |
---|
| 125 | <td background="<!--{$TPL_DIR}-->img/contents/contents_title_right_bg.gif"><img src="<!--{$TPL_DIR}-->img/common/_.gif" width="18" height="1" alt=""></td> |
---|
| 126 | </tr> |
---|
| 127 | <tr> |
---|
| 128 | <td colspan="3"><img src="<!--{$TPL_DIR}-->img/contents/contents_title_bottom.gif" width="678" height="7" alt=""></td> |
---|
| 129 | </tr> |
---|
| 130 | <tr> |
---|
| 131 | <td colspan="3"><img src="<!--{$TPL_DIR}-->img/contents/main_bar.jpg" width="678" height="10" alt=""></td> |
---|
| 132 | </tr> |
---|
| 133 | </table> |
---|
| 134 | |
---|
| 135 | <!--▼レイアウト編集 ここから--> |
---|
| 136 | <table width="678" border="0" cellspacing="1" cellpadding="8" summary=" "> |
---|
| 137 | <tr class="fs12n"> |
---|
| 138 | <td bgcolor="#f2f1ec" align="center"><strong>レイアウト編集</strong></td> |
---|
| 139 | <td bgcolor="#f2f1ec" align="center"><strong>未使用ブロック</strong></td> |
---|
| 140 | </tr> |
---|
| 141 | <tr> |
---|
| 142 | <!--▼レイアウト ここから--> |
---|
| 143 | <td bgcolor="#ffffff" align="center" valign = 'top'> |
---|
| 144 | <table width="450" border=0 cellspacing="1" cellpadding="" summary=" " bgcolor="ffffff"> |
---|
| 145 | <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr> |
---|
| 146 | <tr class="fs12n" height = 50> |
---|
| 147 | <td bgcolor="#cccccc" align="center" colspan=3> ヘッダー部 </td> |
---|
| 148 | </tr> |
---|
| 149 | <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr> |
---|
| 150 | <tr> |
---|
| 151 | <!-- ★☆★ 左ナビテーブル ☆★☆ --> |
---|
| 152 | <td bgcolor="#ffffff" align="center" valign = 'top'> |
---|
| 153 | <table border="0" height="400" cellspacing="1" cellpadding="" summary=" " bgcolor="#cccccc"> |
---|
| 154 | <tr class="fs12n"> |
---|
| 155 | <td bgcolor="#ffffff" align="center" id="layout"> |
---|
| 156 | <div tid="LeftNavi" class="drop_target" id="t1" style="width: 145px; height: 100px;"></div> |
---|
| 157 | </td> |
---|
| 158 | </tr> |
---|
| 159 | </table> |
---|
| 160 | </td> |
---|
| 161 | <!-- ★☆★ 左ナビテーブル ☆★☆ --> |
---|
| 162 | <td bgcolor="#ffffff" align="center" valign = 'top'> |
---|
| 163 | <table border="0" cellspacing="1" cellpadding="" summary=" " bgcolor="#cccccc"> |
---|
| 164 | <!-- ★☆★ メイン上部テーブル ☆★☆ --> |
---|
| 165 | <thead> |
---|
| 166 | <tr class="fs12n"> |
---|
| 167 | <td bgcolor="#ffffff" valign="top" name='MainHead' height="100" id="layout"> |
---|
| 168 | <div tid="MainHead" class="drop_target" id="t2" style="width: 145px; height: 100px;"></div> |
---|
| 169 | </td> |
---|
| 170 | </tr> |
---|
| 171 | </thead> |
---|
| 172 | <!-- ★☆★ メイン上部テーブル ☆★☆ --> |
---|
| 173 | <!-- ★☆★ メイン ☆★☆ --> |
---|
| 174 | <tr class="fs12n"> |
---|
| 175 | <td height=198 align="center" name='Main'>メイン</td> |
---|
| 176 | </tr> |
---|
| 177 | <!-- ★☆★ メイン ☆★☆ --> |
---|
| 178 | <!-- ★☆★ メイン下部テーブル ☆★☆ --> |
---|
| 179 | <tfoot> |
---|
| 180 | <tr class="fs12n"> |
---|
| 181 | <td bgcolor="#ffffff" valign="top" name='MainFoot' height="100" id="layout"> |
---|
| 182 | <div tid="MainFoot" class="drop_target" id="t4" style="width: 145px; height: 100px;"></div> |
---|
| 183 | </td> |
---|
| 184 | </tr> |
---|
| 185 | </tfoot> |
---|
| 186 | <!-- ★☆★ メイン下部テーブル ☆★☆ --> |
---|
| 187 | </table> |
---|
| 188 | </td> |
---|
| 189 | <!-- ★☆★ 右ナビテーブル ☆★☆ --> |
---|
| 190 | <td bgcolor="#ffffff" align="center" valign = 'top'> |
---|
| 191 | <table border="0" cellspacing="1" cellpadding="" summary=" " bgcolor="#cccccc"> |
---|
| 192 | <tr class="fs12n"> |
---|
| 193 | <td bgcolor="#ffffff" align="center"> |
---|
| 194 | <div tid="RightNavi" class="drop_target" id="t3" style="width: 145px; height: 100px;"></div> |
---|
| 195 | </td> |
---|
| 196 | </tr> |
---|
| 197 | </table> |
---|
| 198 | </td> |
---|
| 199 | <!-- ★☆★ 右ナビテーブル ☆★☆ --> |
---|
| 200 | </tr> |
---|
| 201 | <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr> |
---|
| 202 | <tr class="fs12n" height=50><td bgcolor="#cccccc" align="center" colspan=3>フッター部</td></tr> |
---|
| 203 | <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr> |
---|
| 204 | </table> |
---|
| 205 | </td> |
---|
| 206 | <!--▲レイアウト ここまで--> |
---|
| 207 | |
---|
| 208 | <!--▼未使用ブロック ここから--> |
---|
| 209 | <td bgcolor="#ffffff" align="center" valign = 'top'> |
---|
| 210 | <table width="140" border="0" cellspacing="" cellpadding="" summary=" " bgcolor="#ffffff"> |
---|
| 211 | <tr class="fs12n"> |
---|
| 212 | <td bgcolor="#ffffff" align="center" > |
---|
| 213 | <div tid="Unused" class="drop_target" id="t5" style="width: 160px; height: 500px; border: 1px solid #cccccc;"></div> |
---|
| 214 | </td> |
---|
| 215 | </tr> |
---|
| 216 | <tr class="fs12n"> |
---|
| 217 | <td bgcolor="#ffffff" align="center" height="30"> |
---|
| 218 | <input type='button' value='新規ブロック作成' name='subm' onclick="fnTargetSelf(); fnFormModeSubmit('form1','new_bloc','','');" /> |
---|
| 219 | </td> |
---|
| 220 | </tr> |
---|
| 221 | </table> |
---|
| 222 | </td> |
---|
| 223 | <!--▲未使用ブロック ここまで--> |
---|
| 224 | </tr> |
---|
| 225 | <tr class="fs12n"> |
---|
| 226 | <td bgcolor="#f2f1ec" align="center" colspan=2> |
---|
| 227 | <input type='button' value='保存' name='subm' onclick="fnTargetSelf(); fnFormModeSubmit('form1','confirm','','');" /> |
---|
| 228 | <input type='button' value='プレビュー' name='preview' onclick="doPreview();" <!--{if $page_id == "0" or $exists_page == "0" }-->DISABLED<!--{/if}--> /> |
---|
| 229 | </td> |
---|
| 230 | </tr> |
---|
| 231 | </table> |
---|
| 232 | <!--▲レイアウト編集 ここまで--> |
---|
| 233 | |
---|
| 234 | <table width="678" border="0" cellspacing="0" cellpadding="0" summary=" "> |
---|
| 235 | <tr><td colspan="3"><img src="<!--{$TPL_DIR}-->img/contents/main_bar.jpg" width="678" height="10" alt=""></td></tr> |
---|
| 236 | </table> |
---|
| 237 | |
---|
| 238 | <!--▼ページ一覧 ここから--> |
---|
| 239 | <table width="678" border="0" cellspacing="1" cellpadding="5" summary=" "> |
---|
| 240 | <tr class="fs12n"> |
---|
| 241 | <td bgcolor="#f2f1ec" align="center" colspan=3 ><strong>編集可能ページ</strong></td> |
---|
| 242 | </tr> |
---|
| 243 | |
---|
| 244 | <!--{foreach key=key item=item from=$arrEditPage}--> |
---|
| 245 | <tr class="fs12n" height=20> |
---|
| 246 | <td align="center" width=600 bgcolor="<!--{if $item.page_id == $page_id}--><!--{$smarty.const.SELECT_RGB}--><!--{else}-->#ffffff<!--{/if}-->"> |
---|
| 247 | <a href="<!--{$smarty.server.PHP_SELF|escape}-->?page_id=<!--{$item.page_id}-->" ><!--{$item.page_name}--></a> |
---|
| 248 | </td> |
---|
| 249 | <td align="center" width=78 bgcolor="<!--{if $item.page_id == $page_id}--><!--{$smarty.const.SELECT_RGB}--><!--{else}-->#ffffff<!--{/if}-->"> |
---|
| 250 | <input type='button' value='メイン編集' name='page_edit' onclick="location.href='./main_edit.php?page_id=<!--{$item.page_id}-->'" /> |
---|
| 251 | </td> |
---|
| 252 | <td align="center" width=78 bgcolor="<!--{if $item.page_id == $page_id}--><!--{$smarty.const.SELECT_RGB}--><!--{else}-->#ffffff<!--{/if}-->"> |
---|
| 253 | <!--{if $item.edit_flg == 1}--> |
---|
| 254 | <input type='button' value='削除' name='del' onclick="fnTargetSelf(); fnFormModeSubmit('form1','delete','page_id','<!--{$item.page_id}-->');" /> |
---|
| 255 | <!--{/if}--> |
---|
| 256 | </td> |
---|
| 257 | </tr> |
---|
| 258 | <!--{/foreach}--> |
---|
| 259 | |
---|
| 260 | <tr class="fs12n"> |
---|
| 261 | <td bgcolor="#f2f1ec" align="center" colspan=3> |
---|
| 262 | <input type='button' value='新規ページ作成' name='subm' onclick="fnTargetSelf(); fnFormModeSubmit('form1','new_page','','');" /> |
---|
| 263 | </td> |
---|
| 264 | </tr> |
---|
| 265 | </table> |
---|
| 266 | <!--▲ページ一覧 ここまで--> |
---|
| 267 | |
---|
| 268 | </td> |
---|
| 269 | <td background="<!--{$TPL_DIR}-->img/contents/main_right.jpg"><img src="<!--{$TPL_DIR}-->img/common/_.gif" width="14" height="1" alt=""></td> |
---|
| 270 | </tr> |
---|
| 271 | <tr> |
---|
| 272 | <td colspan="3"><img src="<!--{$TPL_DIR}-->img/contents/main_bottom.jpg" width="706" height="14" alt=""></td> |
---|
| 273 | </tr> |
---|
| 274 | <tr><td height="30"></td></tr> |
---|
| 275 | |
---|
| 276 | </table> |
---|
| 277 | </td> |
---|
| 278 | </tr> |
---|
| 279 | <!--メインエリア--> |
---|
| 280 | </table> |
---|
| 281 | </td> |
---|
| 282 | </tr> |
---|
| 283 | |
---|
| 284 | </table> |
---|
| 285 | <!--★★メインコンテンツ★★--> |
---|
| 286 | |
---|
| 287 | <!--{foreach key=key item=item from=$tpl_arrBloc name="bloc_loop"}--> |
---|
| 288 | <div align=center target_id="<!--{$item.target_id}-->" did="<!--{$smarty.foreach.bloc_loop.iteration}-->" class="dragged_elm" id="<!--{$item.target_id}-->" |
---|
| 289 | style="left:350px; top:0px; filter: alpha(opacity=100); opacity: 1; width: 120px;"> |
---|
| 290 | <!--{$item.name}--> |
---|
| 291 | </div> |
---|
| 292 | |
---|
| 293 | <input type="hidden" name="name_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.name}-->"> |
---|
| 294 | <input type="hidden" name="id_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.bloc_id}-->"> |
---|
| 295 | <input type="hidden" name="target_id_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.target_id}-->"> |
---|
| 296 | <input type="hidden" name="top_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.bloc_row}-->"> |
---|
| 297 | <!--{/foreach}--> |
---|
| 298 | </form> |
---|