source: temp/trunk/data/Smarty/templates/admin/design/index.tpl @ 3517

Revision 3517, 27.8 KB checked in by kakinaka, 18 years ago (diff)

blank
  • Property svn:mime-type set to application/octet-stream
Line 
1<style type="text/css">    
2    div.dragged_elm {
3        position:   absolute;
4        z-index:    100;
5        border:     1px solid black;
6        background: rgb(195,217,255);
7        color:      #333;
8        cursor:     hand;
9        PADDING-RIGHT:  2px;
10        PADDING-LEFT:   2px;
11        PADDING-BOTTOM: 2px;
12        PADDING-TOP:    5px;
13        FONT-SIZE:      12pt;
14    }
15
16    div.drop_target {
17        border:      0px solid black;
18        position:    absolute;
19        text-align:  center;
20        color:       #333;
21    }
22
23    #check_line {
24        background-color: #ff3;
25        text-align: center;
26        position: absolute;
27        z-index: 1;
28        top: 407px;
29        left: 108px;
30        width: 100px;
31        height: 0.5px;
32        visibility: visible
33    }
34</style>
35<script type="text/javascript">
36
37function doPreview(){
38    document.form1.mode.value="preview"
39    document.form1.target = "_blank";
40    document.form1.submit();
41}
42function fnTargetSelf(){
43    document.form1.target = "_self";
44}
45</script>
46
47<!--¡ú¡ú¥á¥¤¥ó¥³¥ó¥Æ¥ó¥Ä¡ú¡ú-->
48<table width="878" border="0" cellspacing="0" cellpadding="0" summary=" ">
49<form name="form1" id="form1" method="post" action="<!--{$smarty.server.PHP_SELF}-->" >
50<input type="hidden" name="mode" value="">
51<input type="hidden" name="page_id" value="<!--{$page_id}-->">
52<input type="hidden" name="bloc_cnt" value="<!--{$bloc_cnt}-->">
53    <tr valign="top">
54        <td background="/img/contents/navi_bg.gif" height="402">
55            <!--¢§SUB NAVI-->
56            <!--{include file=$tpl_subnavi}-->
57            <!--¢¥SUB NAVI-->
58        </td>
59        <td class="mainbg" >
60        <table width="737" border="0" cellspacing="0" cellpadding="0" summary=" ">
61            <!--¥á¥¤¥ó¥¨¥ê¥¢-->
62            <tr>
63                <td align="center">
64                <table width="706" border="0" cellspacing="0" cellpadding="0" summary=" ">
65
66                    <tr><td height="14"></td></tr>
67                    <tr>
68                        <td colspan="3"><img src="/img/contents/main_top.jpg" width="706" height="14" alt=""></td>
69                    </tr>
70                    <tr>
71                        <td background="/img/contents/main_left.jpg"><img src="/img/common/_.gif" width="14" height="1" alt=""></td>
72                        <td bgcolor="#cccccc">
73                       
74                        <!--ÅÐÏ¿¥Æ¡¼¥Ö¥ë¤³¤³¤«¤é-->
75                        <table width="678" border="0" cellspacing="0" cellpadding="0" summary=" ">
76                            <tr>
77                                <td colspan="3"><img src="/img/contents/contents_title_top.gif" width="678" height="7" alt=""></td>
78                            </tr>
79                            <tr>
80                                <td background="/img/contents/contents_title_left_bg.gif"><img src="/img/contents/contents_title_left.gif" width="22" height="12" alt=""></td>
81                                <td bgcolor="#636469" width="638" class="fs14n"><span class="white"><!--¥³¥ó¥Æ¥ó¥Ä¥¿¥¤¥È¥ë-->¥ì¥¤¥¢¥¦¥ÈÊÔ½¸</span></td>
82                                <td background="/img/contents/contents_title_right_bg.gif"><img src="/img/common/_.gif" width="18" height="1" alt=""></td>
83                            </tr>
84                            <tr>
85                                <td colspan="3"><img src="/img/contents/contents_title_bottom.gif" width="678" height="7" alt=""></td>
86                            </tr>
87                            <tr>
88                                <td colspan="3"><img src="/img/contents/main_bar.jpg" width="678" height="10" alt=""></td>
89                            </tr>
90                        </table>
91
92                        <!--¢§¥ì¥¤¥¢¥¦¥ÈÊÔ½¸¡¡¤³¤³¤«¤é-->
93                        <table width="678" border="0" cellspacing="1" cellpadding="8" summary=" ">
94                            <tr class="fs12n">
95                                <td bgcolor="#f2f1ec" align="center" colspan=""><strong>¥ì¥¤¥¢¥¦¥ÈÊÔ½¸</strong></td>
96                                <td bgcolor="#f2f1ec" align="center" colspan=""><strong>̤»ÈÍÑ¥Ö¥í¥Ã¥¯</strong></td>
97                            </tr>
98                            <tr class="fs12n">
99                                <!--¢§¥ì¥¤¥¢¥¦¥È¡¡¤³¤³¤«¤é-->
100                                <td bgcolor="#ffffff" align="center" valign = 'top'>
101                                    <table width="495" border=0 cellspacing="1" cellpadding="" summary=" " bgcolor="ffffff">
102                                        <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr>
103                                        <tr class="fs12n" height = 50>
104                                            <td bgcolor="#cccccc" align="center" colspan=3> ¥Ø¥Ã¥À¡¼Éô </td>
105                                        </tr>
106                                        <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr>
107                                        <tr class="fs12n">
108                                            <!-- ¡ú¡ù¡ú º¸¥Ê¥Ó¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
109                                            <td bgcolor="#ffffff" align="center" valign = 'top'>
110                                            <table border="0" width="165" height="400" cellspacing="1" cellpadding="" summary=" " bgcolor="#cccccc">
111                                                <tr><td bgcolor="#ffffff" align="center" name='LeftNavi' width="165" height="400" id="layout"></td></tr>
112                                            </table>
113                                            </td>
114                                            <!-- ¡ú¡ù¡ú º¸¥Ê¥Ó¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
115                                            <td bgcolor="#ffffff" align="center" valign = 'top'>
116                                                <table border="0" width="165" height="400" cellspacing="1" cellpadding="" summary=" " bgcolor="#cccccc">
117                                                    <!-- ¡ú¡ù¡ú ¥á¥¤¥ó¾åÉô¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
118                                                    <thead>
119                                                    <tr class="fs12n" align="top">
120                                                        <td bgcolor="#ffffff" valign="top" name='MainHead' height="100" id="layout"></td>
121                                                    </tr>
122                                                    </thead>
123                                                    <!-- ¡ú¡ù¡ú ¥á¥¤¥ó¾åÉô¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
124                                                    <!-- ¡ú¡ù¡ú ¥á¥¤¥ó ¡ù¡ú¡ù -->
125                                                    <tr class="fs12n">
126                                                        <td height="190" align="center" name='Main'> ¥á¥¤¥ó</td>
127                                                    </tr>
128                                                    <!-- ¡ú¡ù¡ú ¥á¥¤¥ó ¡ù¡ú¡ù -->
129                                                    <!-- ¡ú¡ù¡ú ¥á¥¤¥ó²¼Éô¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
130                                                    <tfoot>
131                                                    <tr class="fs12n" align = "bottom">
132                                                        <td bgcolor="#ffffff" valign="bottom" name='MainFoot' height="100" id="layout"></td>
133                                                    </tr>
134                                                    </tfoot>
135                                                    <!-- ¡ú¡ù¡ú ¥á¥¤¥ó²¼Éô¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
136                                                </table>
137                                            </td>
138                                            <!-- ¡ú¡ù¡ú ±¦¥Ê¥Ó¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
139                                            <td bgcolor="#ffffff" align="center" valign = 'top'>
140                                            <table border="0" width="165" height="400" cellspacing="1" cellpadding="" summary=" " bgcolor="#cccccc">
141                                                <tr><td bgcolor="#ffffff" align="center" name='RightNavi' width="165" height="400" id="layout"></td></tr>
142                                            </table>
143                                            </td>
144                                            <!-- ¡ú¡ù¡ú ±¦¥Ê¥Ó¥Æ¡¼¥Ö¥ë ¡ù¡ú¡ù -->
145                                        </tr>
146                                        <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr>
147                                        <tr class="fs12n" height=50><td bgcolor="#cccccc" align="center" colspan=3>¥Õ¥Ã¥¿¡¼Éô</td></tr>
148                                        <tr class="fs12n"><td bgcolor="#ffffff" height=5px colspan=3></td></tr>
149                                    </table>
150                                </td>
151                                <!--¢¥¥ì¥¤¥¢¥¦¥È¡¡¤³¤³¤Þ¤Ç-->
152               
153                                <!--¢§Ì¤»ÈÍÑ¥Ö¥í¥Ã¥¯¡¡¤³¤³¤«¤é-->
154                                <td bgcolor="#ffffff" align="center" valign = 'top'>
155                                    <table width="140" border="0" cellspacing="1" cellpadding="" summary=" " bgcolor="#ffffff">
156                                        <tr class="fs12n">
157                                            <td bgcolor="#ffffff" align="center" height="400" name="Unused" id="layout">
158                                            </td>
159                                        </tr>
160                                        <tr class="fs12n">
161                                            <td bgcolor="#ffffff" align="center" height="30">
162                                                <input type='button' value='¿·µ¬¥Ö¥í¥Ã¥¯ºîÀ®' name='subm' onclick="fnTargetSelf(); fnFormModeSubmit('form1','new_bloc','','');"  />
163                                            </td>
164                                        </tr>
165                                    </table>
166                                </td>
167                                <!--¢¥Ì¤»ÈÍÑ¥Ö¥í¥Ã¥¯¡¡¤³¤³¤Þ¤Ç-->
168                            </tr>
169                            <tr class="fs12n">
170                                <td bgcolor="#f2f1ec" align="center" colspan=2>
171                                    <input type='button' value='Êݸ' name='subm' onclick="fnTargetSelf(); fnFormModeSubmit('form1','confirm','','');"  />
172                                    <input type='button' value='¥×¥ì¥Ó¥å¡¼' name='preview' onclick="doPreview();" <!--{if $page_id == "0" or $exists_page == "0" }-->DISABLED<!--{/if}--> />
173                                </td>
174                            </tr>
175                        </table>
176                        <!--¢¥¥ì¥¤¥¢¥¦¥ÈÊÔ½¸¡¡¤³¤³¤Þ¤Ç-->
177                       
178                        <table width="678" border="0" cellspacing="0" cellpadding="0" summary=" ">
179                            <tr><td colspan="3"><img src="/img/contents/main_bar.jpg" width="678" height="10" alt=""></td></tr>
180                        </table>
181
182                        <!--¢§¥Ú¡¼¥¸°ìÍ÷¡¡¤³¤³¤«¤é-->
183                        <table width="678" border="0" cellspacing="1" cellpadding="5" summary=" ">
184                            <tr class="fs12n">
185                                <td bgcolor="#f2f1ec" align="center" colspan=3 ><strong>ÊÔ½¸²Äǽ¥Ú¡¼¥¸</strong></td>
186                            </tr>
187
188                            <!--{foreach key=key item=item from=$arrEditPage}-->
189                            <tr class="fs12n" height=20>
190                                <td align="center" width=600 bgcolor="<!--{if $item.page_id == $page_id}--><!--{$smarty.const.SELECT_RGB}--><!--{else}-->#ffffff<!--{/if}-->">
191                                    <a href="<!--{$smarty.server.PHP_SELF}-->?page_id=<!--{$item.page_id}-->" ><!--{$item.page_name}--></a>
192                                </td>
193                                <td align="center" width=78 bgcolor="<!--{if $item.page_id == $page_id}--><!--{$smarty.const.SELECT_RGB}--><!--{else}-->#ffffff<!--{/if}-->">
194                                    <!--{if $item.tpl_dir != ""}-->
195                                        <input type='button' value='¥Ú¡¼¥¸ÊÔ½¸' name='page_edit' onclick="location.href='./main_edit.php?page_id=<!--{$item.page_id}-->'"  />
196                                    <!--{else}-->
197                                        ¥Ú¡¼¥¸ÊÔ½¸¤Ç¤­¤Þ¤»¤ó
198                                    <!--{/if}-->
199                                </td>
200                                <td align="center" width=78 bgcolor="<!--{if $item.page_id == $page_id}--><!--{$smarty.const.SELECT_RGB}--><!--{else}-->#ffffff<!--{/if}-->">
201                                    <!--{if $item.edit_flg == 1}-->
202                                    <input type='button' value='ºï½ü' name='del' onclick="fnTargetSelf(); fnFormModeSubmit('form1','delete','','');"  />
203                                    <!--{/if}-->
204                                </td>
205                            </tr>
206                            <!--{/foreach}-->
207
208                            <tr class="fs12n">
209                                <td bgcolor="#f2f1ec" align="center" colspan=3>
210                                    <input type='button' value='¿·µ¬¥Ú¡¼¥¸ºîÀ®' name='subm' onclick="fnTargetSelf(); fnFormModeSubmit('form1','new_page','','');"  />
211                                </td>
212                            </tr>
213                        </table>
214                        <!--¢¥¥Ú¡¼¥¸°ìÍ÷¡¡¤³¤³¤Þ¤Ç-->
215
216                        </td>
217                        <td background="/img/contents/main_right.jpg"><img src="/img/common/_.gif" width="14" height="1" alt=""></td>
218                    </tr>
219                    <tr>
220                        <td colspan="3"><img src="/img/contents/main_bottom.jpg" width="706" height="14" alt=""></td>
221                    </tr>
222                    <tr><td height="30"></td></tr>
223
224                </table>
225                </td>
226            </tr>
227            <!--¥á¥¤¥ó¥¨¥ê¥¢-->
228        </table>
229        </td>
230    </tr>
231
232</table>
233<!--¡ú¡ú¥á¥¤¥ó¥³¥ó¥Æ¥ó¥Ä¡ú¡ú-->     
234
235<!--{foreach key=key item=item from=$tpl_arrBloc name="bloc_loop"}-->
236<div align=center target_id="<!--{$item.target_id}-->" did="<!--{$smarty.foreach.bloc_loop.iteration}-->" class="dragged_elm" id="<!--{$item.target_id}-->"
237     style="left:350px; top:0px; filter: alpha(opacity=100); opacity: 1; z-index: 2; width: 130px; height: 30px;">
238     <!--{$item.name}-->
239</div>
240<input type="hidden" name="name_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.name}-->">
241<input type="hidden" name="id_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.bloc_id}-->">
242<input type="hidden" name="target_id_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.target_id}-->">
243<input type="hidden" name="top_<!--{$smarty.foreach.bloc_loop.iteration}-->" value="<!--{$item.bloc_row}-->">
244<!--{/foreach}-->
245
246<div tid="LeftNavi" class="drop_target" id="t1" style="left:155px; top:295px; width: 165px; height: 100px;"></div>
247<div tid="MainHead" class="drop_target" id="t2" style="left:350px; top:295px; width: 165px; height: 100px;"></div>
248<div tid="RightNavi" class="drop_target" id="t3" style="left:540px; top:295px; width: 165px; height: 100px;"></div>
249<div tid="MainFoot" class="drop_target" id="t4" style="left:300px; top:560px; width: 165px; height: 100px;"></div>
250<div tid="Unused" class="drop_target" id="t5" style="left:740px; top:222px; width: 160px; height: 500px;"></div>
251
252<div class="check_line" id=checkline style="VISIBILITY: hidden; WIDTH: 130px; POSITION: absolute; HEIGHT: 1px"><HR color=#ff5555></DIV>
253</form>
254<script type="text/javascript">
255
256// ¥µ¥¤¥º´ÉÍý¥¯¥é¥¹¤ÎÄêµÁ
257function SC_Size() {
258    this.id = '';               // ID
259    this.left = 0;              // ÇÛÃÖ¤¹¤ëY¼´ºÂɸ
260    this.top = 0;               // ÇÛÃÖ¤¹¤ëX¼´ºÂɸ
261    this.width = 0;             // ¥ª¥Ö¥¸¥§¥¯¥È¤ÎÉý
262    this.height = 0;            // ¥ª¥Ö¥¸¥§¥¯¥È¤Î¹â¤µ
263    this.target_id = '';        // ÇÛÃÖ¾ì½ê¡Êº¸¥Ê¥Ó¤È¤«¡Ë
264    this.margin = 10;           // ¾å¤Î¥ª¥Ö¥¸¥§¥¯¥È¤È¤ÎÉý
265    this.obj;
266};
267
268// ÊÑ¿ôÀë¸À
269var defUnused = 500;    // ̤»ÈÍÑÎΰè¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
270var defNavi   = 400;    // º¸±¦¥Ê¥Ó¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
271var defMainNavi  = 100; // ¥á¥¤¥ó¾å²¼¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
272var defMain   = 190;    // ¥á¥¤¥ó¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
273
274var NowMaxHeight = 0;       // ¸½ºß¤ÎºÇÂç¤Î¹â¤µ
275var MainHeight = 190;
276
277var marginUnused    = 688;  // ̤»ÈÍÑÎΰè¤Îº¸¥Þ¡¼¥¸¥ó
278var marginLeftNavi  = 180;  // º¸¥Ê¥Ó¤Îº¸¥Þ¡¼¥¸¥ó
279var marginRightNavi = 512;  // ±¦¥Ê¥Ó¤Îº¸¥Þ¡¼¥¸¥ó
280var marginMain      = 348;  // ¥á¥¤¥ó¾å²¼¤Îº¸¥Þ¡¼¥¸¥ó
281var marginMainFootTop= 595; // ¥á¥¤¥ó²¼¤Î¾å¥Þ¡¼¥¸¥ó
282
283var gDragged = "";          // ¥É¥é¥Ã¥°Ã楪¥Ö¥¸¥§¥¯¥È
284var gDropTarget = "";       // ¥É¥é¥Ã¥°³«»Ï»þ¤ÎDropTarget
285
286var arrObj = new Object();  // ¥Ö¥í¥Ã¥¯¥ª¥Ö¥¸¥§¥¯¥È³ÊǼÍÑ
287
288var objCheckLine = "";
289var mouseFlg = false;
290
291var all_elms;               // div¥¿¥°¥ª¥Ö¥¸¥§¥¯¥È³ÊǼÍÑ
292
293// ¥¦¥£¥ó¥É¥¦¥µ¥¤¥º
294var scrX;
295var scrY;
296
297// ¥¤¥Ù¥ó¥È¤Î´ØÏ¢ÉÕ¤±¤ò¹Ô¤¦
298function addEvent( elm, evtType, fn, useCapture) {
299
300    if (elm.addEventListener) {
301        elm.addEventListener(evtType, fn, useCapture);
302        return true;
303
304    }
305    else if (elm.attachEvent) {
306
307        var r = elm.attachEvent('on' + evtType, fn);
308        return r;
309
310    }
311    else {
312        elm['on'+evtType] = fn;
313
314    }
315   
316}
317
318
319// ¥¤¥Ù¥ó¥È¤Î´ØÏ¢ÉÕ¤±¤ò²ò½ü
320function removeEvent( elm, evtType, fn, useCapture) {
321
322    if (elm.removeEventListener) {
323
324        elm.removeEventListener(evtType, fn, useCapture);
325        return true;
326
327    }
328    else if (elm.detachEvent) {
329
330        var r = elm.detachEvent('on' + evtType, fn);
331        return r;
332
333    }
334    else {
335
336        elm['on'+evtType] = fn;
337
338    }
339   
340}
341
342// ¥Þ¥¦¥¹¥«¡¼¥½¥ë¤òÊѹ¹
343function setCursor ( elm, curtype ) {
344    elm.style.cursor = curtype;
345}
346
347// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎÆ©ÌÀÅÙ¤òÊѹ¹   
348function setOpacity(node,val) {
349
350    if (node.filters) {
351
352        try {
353           
354            node.filters["alpha"].opacity = val*100;
355
356        }
357        catch (e) {
358        }
359       
360    } else if (node.style.opacity) {
361
362        node.style.opacity = val;
363
364    }
365   
366}
367
368// Zindex¤òÊѹ¹¤¹¤ë¡ÊÁ°ÌÌɽ¼¨ÀÚÂØ¡Ë
369function setZindex(node, val) {
370    node.style.zIndex = val;
371}
372
373// Ãͤò¼èÆÀ
374function getAttrValue ( elm, attrname ) {
375    return elm.attributes[ attrname ].nodeValue;
376}
377
378// Ãͤò¥»¥Ã¥È
379function setAttrValue ( elm, attrname, val ) {
380    elm.attributes[ attrname ].nodeValue = val;
381}
382
383// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎXºÂɸ¤ò¼èÆÀ
384function getX ( elm ) {
385   return parseInt(elm.style.left);
386}
387
388// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎYºÂɸ¤ò¼èÆÀ
389function getY ( elm ) {
390    return parseInt(elm.style.top);
391}
392
393// XºÂɸ¤ò¼èÆÀ
394function getEventX ( evt ) {
395    return evt.pageX ? evt.pageX : evt.clientX;
396}
397
398// YºÂɸ¤ò¼èÆÀ
399function getEventY ( evt ) {
400    return evt.pageY ? evt.pageY : evt.clientY;
401}
402
403// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎÉý¤ò¼èÆÀ
404function getWidth ( elm ) {
405    return parseInt( elm.style.width );
406}
407
408// ¥ª¥Ö¥¸¥§¥¯¥È¤Î¹â¤µ¤ò¼èÆÀ
409function getHeight ( elm ) {
410    return parseInt( elm.style.height );
411}
412
413// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎºÂɸ¤ò¥»¥Ã¥È
414function moveElm ( elm, x, y ) {
415
416    elm.style.left = x + 'px';
417    elm.style.top = y + 'px';
418
419}
420
421// ¥Þ¥¦¥¹¥À¥¦¥ó¥¤¥Ù¥ó¥È
422function onMouseDown (evt) {
423
424    var target = evt.target ? evt.target : evt.srcElement;
425    var x = getEventX ( evt );
426    var y = getEventY ( evt );
427
428    //
429    // Save Information to Globals
430    //
431    if (mouseFlg == false) {
432   
433        gDragged = target;
434   
435        gDeltaX = x - getX(gDragged);
436        gDeltaY = y - getY(gDragged);
437   
438        gDraggedId = getAttrValue ( gDragged, 'did' );
439        setCursor ( gDragged, 'move' );
440   
441        gOrgX = getX ( gDragged );
442        gOrgY = getY ( gDragged );
443        gtarget_id = getAttrValue ( gDragged, 'target_id' );
444   
445        //
446        // Set
447        //
448       
449        // ¥É¥é¥Ã¥°Ãæ¤ÏȾƩÌÀ
450        setOpacity ( gDragged, 0.6 );
451       
452        // ¥É¥é¥Ã¥°Ãæ¤ÏºÇÁ°ÌÌɽ¼¨
453        setZindex ( gDragged , 0);
454       
455        addEvent ( document, 'mousemove', onMouseMove, false );
456        addEvent ( document, 'mouseup', onMouseUp, false );
457       
458        // ¥É¥é¥Ã¥°¤ò³«»Ï¤·¤¿¤È¤­¤Ï¹â¤µ¤ò°ìÅÙ½é´ü²½¤¹¤ë¡£
459        NowMaxHeight = defNavi;
460               
461        mouseFlg = true;
462    }
463}
464
465
466// ¥Þ¥¦¥¹¥à¡¼¥Ö¥¤¥Ù¥ó¥È
467function onMouseMove(evt) {
468
469    // ¥É¥é¥Ã¥°Ãæ¤Ï¥é¥¤¥ó¤òɽ¼¨
470    objCheckLine.style.visibility = "visible"; 
471   
472    // ¸½ºß¤ÎºÂɸ¤ò¼èÆÀ
473    var x = getEventX ( evt ) + document.body.scrollLeft;                   // ¥Þ¥¦¥¹ºÂɸ X
474    var y = getEventY ( evt ) + document.body.scrollTop;                    // ¥Þ¥¦¥¹ºÂɸ Y
475    var nowleft = getEventX ( evt ) - gDeltaX;  // ¥ª¥Ö¥¸¥§¥¯¥ÈºÂɸ LEFT
476    var nowtop = getEventY ( evt ) - gDeltaY;   // ¥ª¥Ö¥¸¥§¥¯¥ÈºÂɸ TOP
477
478    // ¥ª¥Ö¥¸¥§¥¯¥È¤ò°ÜÆ°
479    moveElm ( gDragged, nowleft, nowtop );
480   
481    for ( var i = 0; i < all_elms.length; i++ ) {
482        // drop_target¾å¤Ë¤­¤¿¾ì¹ç¤Ë¤Î¤ß½èÍý¤ò¹Ô¤¦
483        if ( isEventOnElm ( evt, all_elms[i].id ) ) {
484            if ( all_elms[i].attributes['tid'] ) {
485                var tid = getAttrValue ( all_elms[i], 'tid' );
486
487                // target_id ¤Î½ñ¤­´¹¤¨
488                setAttrValue ( gDragged, 'target_id', tid );
489
490                //objCheckLine.style.top = parseInt(nowtop) + parseInt(gDragged.style.height) / 2 + 'px';
491                //objCheckLine.style.top = y;
492
493                // ÇÛÎó¤ÎºÆºîÀ®
494                fnCreateArr(1, y, x);
495                // ÇÛÎó¤ÎʤÓÂؤ¨
496                fnChangeObj(tid);
497            }
498        }
499    }
500   
501}
502
503
504// ¥Þ¥¦¥¹¥¢¥Ã¥×¥¤¥Ù¥ó¥È       
505function onMouseUp(evt) {
506
507    // ȾƩÌÀ¡¢¥Þ¥¦¥¹¥Ý¥¤¥ó¥¿¡¢ºÇÁ°Ì̽èÍý¤òÌ᤹
508    setOpacity( gDragged, 1);
509    setCursor ( gDragged, 'hand' );
510    setZindex ( gDragged , 2);
511
512    // ¥¤¥Ù¥ó¥È¤Î´ØÏ¢ÉÕ¤±²ò½ü
513    if (mouseFlg == true) {
514        removeEvent ( document, 'mousemove', onMouseMove, false );
515        removeEvent ( document, 'mouseup', onMouseUp, false );
516        mouseFlg = false;
517    }
518
519    if ( isOnDropTarget (evt) ) {
520        // ʤÓÂؤ¨
521        fnSortObj();
522    }
523    else {
524        // ¸µ¤Î°ÌÃÖ¤ËÌ᤹
525        moveElm ( gDragged, gOrgX, gOrgY );
526        setAttrValue ( gDragged, 'target_id', gtarget_id );
527
528        // ÇÛÎó¤ÎºÆºîÀ®
529        fnCreateArr(1, gOrgY, gOrgX);
530    }
531   
532    // ʤÓÂؤ¨
533    fnSortObj();
534
535    // ¥É¥é¥Ã¥°Ãæ¤Ï¥é¥¤¥ó¤òɽ¼¨
536    objCheckLine.style.visibility = "hidden";   
537   
538    // hiddenÍ×ÁǤνñ¤­´¹¤¨
539    var did = getAttrValue( gDragged, 'did' );
540    var target_id = "target_id_"+did;
541    document.form1[target_id].value = getAttrValue( gDragged, 'target_id' );
542}
543
544// DropTarget¾å¤Ë¥ª¥Ö¥¸¥§¥¯¥È¤¬Í褿¤«¤òȽÃǤ¹¤ë
545function isOnDropTarget ( evt ) {
546   
547    for ( var i=0; i<all_elms.length; i++ ) {
548        if ( isEventOnElm ( evt, all_elms[i].id ) ) {
549            if ( all_elms[i].attributes['tid'] ) {
550                return true;
551            }
552        }
553    }
554    return false;
555}
556
557
558function isEventOnElm (evt, drop_target_id) {
559
560    if (drop_target_id == '') {
561        return '';
562    }
563
564    var evtX = getEventX(evt) + document.body.scrollLeft;
565    var evtY = getEventY(evt) + document.body.scrollTop;
566   
567    var drop_target = document.getElementById( drop_target_id );
568
569    var x = getX ( drop_target );
570    var y = getY ( drop_target );
571   
572    var width = getWidth ( drop_target );
573    var height = getHeight ( drop_target );
574
575    return evtX > x && evtY > y && evtX < x + width && evtY < y + height;
576}
577
578// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎʤÓÂؤ¨¤ò¹Ô¤¦
579function fnSortObj(){
580
581    fnSetTargetHeight();
582    for ( var cnt = 0; cnt < all_elms.length; cnt++ ) {
583
584        // class¤¬ drop_target ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
585        if ( getAttrValue ( all_elms[cnt], 'class' ) == 'drop_target' ) {
586            var tid = getAttrValue ( all_elms[cnt], 'tid' );
587           
588            // ÇÛÎó¤ÎʤÓÂؤ¨
589            fnChangeObj(tid);
590            // ÇÛÃÖ
591            fnSetObj( tid, cnt );
592        }
593    }
594
595}
596
597// ÇÛÎó¤ÎºîÀ®
598function fnCreateArr( addEvt , top , left ){
599
600    var arrObjtmp = new Object();
601    arrObjtmp['LeftNavi'] = Array();
602    arrObjtmp['RightNavi'] = Array();
603    arrObjtmp['MainHead'] = Array();
604    arrObjtmp['MainFoot'] = Array();
605    arrObjtmp['Unused'] = Array();
606
607    for ( var i = 0; i < all_elms.length; i++ ) {
608       
609
610        if ( objCheckLine == "" && getAttrValue ( all_elms[i], 'id' ) == 'checkline' ) {
611            objCheckLine = all_elms[i];
612        }
613
614        // class¤¬ dragged_elm ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
615        if ( getAttrValue ( all_elms[i], 'class' ) == 'dragged_elm' ) {
616       
617            // ¥Þ¥¦¥¹¥À¥¦¥ó¥¤¥Ù¥ó¥È¤È´ØÏ¢ÉÕ¤±¤ò¹Ô¤¦
618            if (addEvt == 0) {
619                addEvent ( all_elms[i], 'mousedown', onMouseDown, false );
620            }
621
622            var target_id = getAttrValue ( all_elms[i], 'target_id' ); 
623            var len = arrObjtmp[target_id].length;
624            var did = getAttrValue ( all_elms[i], 'did' );
625           
626            arrObjtmp[target_id][len] = new SC_Size();
627            arrObjtmp[target_id][len].id = did;
628            arrObjtmp[target_id][len].obj = all_elms[i];
629            arrObjtmp[target_id][len].width = getWidth ( all_elms[i] );
630            arrObjtmp[target_id][len].height = getHeight ( all_elms[i] );
631           
632            // ¥É¥é¥Ã¥°Ãæ¤Î¥ª¥Ö¥¸¥§¥¯¥È¤¬Â¸ºß¤¹¤ì¤Ð¡¢¤É¤Î¥ª¥Ö¥¸¥§¥¯¥È¤À¤±¥Þ¥¦¥¹¥Ý¥¤¥ó¥¿¤ÎºÂɸ¤ò»ØÄꤹ¤ë¡£
633            if (gDragged != "") {
634                if (did != getAttrValue ( gDragged, 'did' )) {
635                    // top ¤Ï¾ï¤Ë¥ª¥Ö¥¸¥§¥¯¥È¤ÎÃæ¿´¤ò¼èÆÀ¤¹¤ë¤è¤¦¤Ë¤¹¤ë
636                    arrObjtmp[target_id][len].top = (parseInt(all_elms[i].style.top) + arrObjtmp[target_id][len].height / 2 );
637                    arrObjtmp[target_id][len].left = all_elms[i].style.left;
638                }else {
639                    arrObjtmp[target_id][len].top = top;
640                    arrObjtmp[target_id][len].left = left;
641                }
642            } else {
643                // top ¤Ï¾ï¤Ë¥ª¥Ö¥¸¥§¥¯¥È¤ÎÃæ¿´¤ò¼èÆÀ¤¹¤ë¤è¤¦¤Ë¤¹¤ë
644                arrObjtmp[target_id][len].top = (parseInt(all_elms[i].style.top) + arrObjtmp[target_id][len].height / 2 );
645                arrObjtmp[target_id][len].left = all_elms[i].style.left;
646            }
647        }
648    }
649    arrObj = arrObjtmp;
650}
651
652// ÇÛÎó¤ÎʤÓÂؤ¨ (¥Ð¥Ö¥ë¥½¡¼¥È¤ÇʤÓÂؤ¨¤ò¹Ô¤¦)
653function fnChangeObj( tid ){
654    for ( var i = 0; i < arrObj[tid].length-1; i++ ) {
655        for ( var j = arrObj[tid].length-1; j > i; j-- ) {
656            if ( arrObj[tid][j].top < arrObj[tid][i].top ) {
657                var arrTemp = new Array();
658                arrTemp = arrObj[tid][j];
659                arrObj[tid][j] = arrObj[tid][i];
660                arrObj[tid][i] = arrTemp;
661            }
662        }
663    }
664}
665
666// ÇÛÃÖ
667function fnSetObj( tid, cnt ){
668    var target_height = 0;
669   
670    for ( var j = 0; j < arrObj[tid].length; j++ ) {
671        // ÇÛÃÖ¤¹¤ëºÂɸ¤Î¼èÆÀ
672        var left = parseInt(all_elms[cnt].style.left) + parseInt(all_elms[cnt].style.width) / 2 - parseInt(arrObj[tid][j].width) / 2;
673        if (j == 0){
674            var top = getY ( all_elms[cnt] ) + arrObj[tid][j].margin;
675        }else{
676            var top = arrObj[tid][j-1].top + arrObj[tid][j].height + arrObj[tid][j].margin ;
677        }
678
679        // ºÂɸ¤òÊÝ»ý
680        arrObj[tid][j].top = top;
681        arrObj[tid][j].left = left;
682
683        // ÇÛÃÖ¤ò¹Ô¤¦
684        moveElm ( arrObj[tid][j].obj, left ,top );
685       
686        // ¹â¤µ·×»»
687        target_height = target_height + arrObj[tid][j].margin + arrObj[tid][j].height;
688       
689        // hidden¤ÎÃͤò½ñ¤­´¹¤¨
690        var top_id = "top_" + arrObj[tid][j].id;
691        document.form1[top_id].value = top;
692       
693    }
694}
695
696// ¥É¥í¥Ã¥×¥¿¡¼¥²¥Ã¥È¤Î¹â¤µÄ´À°
697function fnSetTargetHeight(){
698
699    var NaviHeight = defNavi;
700    var MainHeadHeight = defMainNavi;
701    var MainFootHeight = defMainNavi;
702    var UnusedHeight = defUnused;
703
704    // ¹â¤µ·×»»
705    for ( var cnt = 0; cnt < all_elms.length; cnt++ ) {
706        var target_height = 0;
707   
708        // class¤¬ drop_target ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
709        if ( getAttrValue ( all_elms[cnt], 'class' ) == 'drop_target' ) {
710            var tid = getAttrValue ( all_elms[cnt], 'tid' );
711
712
713            for ( var j = 0; j < arrObj[tid].length; j++ ) {
714                target_height = target_height + arrObj[tid][j].margin + arrObj[tid][j].height;
715            }
716           
717            target_height = target_height + 20;
718
719            // º¸±¦¥Ê¥Ó¡¢Ì¤»ÈÍÑÎΰè¤Î¹â¤µ¤òÊÝ»ý
720            if (tid == 'LeftNavi' || tid == 'RightNavi' || tid == 'Unused') {
721                if (NaviHeight < target_height) {
722                    NaviHeight = target_height;
723                }
724            }
725           
726            // ¥á¥¤¥ó¾åÉôÎΰè¤Î¹â¤µ¤òÊÝ»ý
727            if (tid == 'MainHead') {
728                if (target_height > defMainNavi) {
729                    MainHeadHeight = target_height;
730                }
731            }
732
733            // ¥á¥¤¥ó²¼ÉôÎΰè¤Î¹â¤µ¤òÊÝ»ý
734            if (tid == 'MainFoot') {
735                if (target_height > defMainNavi) {
736                    MainFootHeight = target_height;
737                }
738            }   
739        }
740    }
741
742    // ¥á¥¤¥óÎΰè¤Î¹â¤µ¤òÊÝ»ý
743    MainHeight = NaviHeight - ( MainHeadHeight + MainFootHeight );
744    if (MainHeight < defMain) {
745        MainHeight = defMain;
746    }
747   
748    // ¥á¥¤¥óÉôʬ¤Î¤Û¤¦¤¬Â礭¤¤¾ì¹ç¤Ë¤Ïº¸±¦¥Ê¥Ó¤âÂ礭¤¯¤¹¤ë
749    if (NaviHeight < MainHeadHeight + MainFootHeight + MainHeight) {
750        NaviHeight = MainHeadHeight + MainFootHeight + MainHeight; 
751    }
752   
753    // °ÜÆ°
754    for ( var cnt = 0; cnt < all_elms.length; cnt++ ) {
755        var target_height = 0;
756
757        // class¤¬ drop_target ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
758        if ( getAttrValue ( all_elms[cnt], 'class' ) == 'drop_target' ) {
759            var tid = getAttrValue ( all_elms[cnt], 'tid' );
760           
761            // tid¤Ë¤è¤Ã¤Æ½èÍý¤òʬ¤±¤ë
762            if (tid == 'LeftNavi' || tid == 'RightNavi') {
763                target_height = NaviHeight;
764            }else if (tid == 'MainHead' ) {
765                target_height = MainHeadHeight;
766            }else if (tid == 'MainFoot') {
767                target_height = MainFootHeight;
768            }else if (tid == 'Unused'){
769                target_height = NaviHeight+100;
770            }
771
772            all_elms[cnt].style.height = target_height + 500
773           
774            // ³Æ¥Æ¡¼¥Ö¥ë¤Î¹â¤µ¤âÊѹ¹
775            for (var i = 0; i < all_td.length; i++) {
776                if (all_td[i].name == tid) {
777                    all_td[i].height = all_elms[cnt].style.height;
778                } else if (all_td[i].name == 'Main') {
779                    all_td[i].height = MainHeight; 
780                }
781            }
782           
783            if (tid == 'MainFoot') {
784                // ¥á¥¤¥ó²¼Éô¤Ï°ÜÆ°¤â¹Ô¤¦
785                all_elms[cnt].style.top = marginMainFootTop + MainHeight + MainHeadHeight - defMain - defMainNavi - 10;
786            }
787        }
788    }
789}
790
791//¥¦¥¤¥ó¥É¥¦¥µ¥¤¥º¼èÆÀ
792function GetWindowSize(type){
793    var ua = navigator.userAgent;                                               // ¥æ¡¼¥¶¡¼¥¨¡¼¥¸¥§¥ó¥È
794    var nWidth, nHeight;                                                        // ¥µ¥¤¥º
795    var nHit = ua.indexOf("MSIE");                                              // ¹çÃפ·¤¿Éôʬ¤ÎÀèƬʸ»ú¤Îź¤¨»ú
796    var bIE = (nHit >=  0);                                                     // IE ¤«¤É¤¦¤«
797    var bVer6 = (bIE && ua.substr(nHit+5, 1) == "6");                           // ¥Ð¡¼¥¸¥ç¥ó¤¬ 6 ¤«¤É¤¦¤«
798    var bStd = (document.compatMode && document.compatMode=="CSS1Compat");      // ɸ½à¥â¡¼¥É¤«¤É¤¦¤«
799
800    switch(type){
801        case "width":
802            if(bIE){
803                if (bVer6 && bStd) {
804                    return document.documentElement.clientWidth;
805                } else {
806                    return document.body.clientWidth;
807                }
808            }else if(document.layers){
809                return(innerWidth);
810            }else{
811                return(-1);
812            }
813        break;
814        case "height":
815            if(bIE){
816                if (bVer6 && bStd) {
817                    return document.documentElement.clientHeight;
818                } else {
819                    return document.body.clientHeight;
820                }
821                return(document.body.clientHeight);
822            }else if(document.layers){
823                return(innerHeight);
824            }else{
825                return(-1);
826            }
827        break;
828        default:
829            return(-1);
830        break;
831    }
832}
833
834// ¥¦¥£¥ó¥É¥¦¥µ¥¤¥º¤¬Êѹ¹¤Ë¤Ê¤Ã¤¿¤È¤­¤ÏÁ´¤Æ¤Î¥ª¥Ö¥¸¥§¥¯¥È¤â°ÜÆ°¤¹¤ë
835function fnMoveObject() {
836
837    // ¥¦¥£¥ó¥É¥¦¤ÎÉýÊѹ¹ÈæΨ¤ò¼èÆÀ
838    var moveX = GetWindowSize("width") - scrX;
839    var BlankX = ( GetWindowSize("width") - 878 ) / 2
840   
841    for ( var i = 0; i < all_elms.length; i++) {
842        if (all_elms[i].style.left != "" ) {
843
844            var elm_class = getAttrValue ( all_elms[i], 'class' );
845           
846            if (elm_class == 'drop_target') {
847                var tid = getAttrValue ( all_elms[i], 'tid' );
848               
849                if (tid == 'LeftNavi') {
850                    LeftMargin = marginLeftNavi;
851                }else if (tid == 'RightNavi') {
852                    LeftMargin = marginRightNavi;
853                }else if (tid == 'MainHead' || tid == 'MainFoot') {
854                    LeftMargin = marginMain;
855                }else{
856                    LeftMargin = marginUnused;
857                }
858
859                if (BlankX > 0) {
860                    all_elms[i].style.left = BlankX + LeftMargin + 'px';
861                }else{
862                    all_elms[i].style.left = LeftMargin + 'px';
863                }
864            }
865        }
866    }
867   
868    scrX = GetWindowSize("width");
869    scrY = GetWindowSize("height");
870   
871    fnSortObj();
872
873}
874
875
876
877// ½é´ü½èÍý
878function init () {
879
880    document.body.ondrag = function () { return false; };
881    document.body.onselectstart = function () { return false; };
882   
883    // ¥¦¥£¥ó¥É¥¦¥µ¥¤¥º¤ò¼èÆÀ
884    scrX = GetWindowSize("width");
885    scrY = GetWindowSize("height");   
886   
887    // ¥¦¥£¥ó¥É¥¦¥µ¥¤¥ºÊѹ¹¥¤¥Ù¥ó¥È¤Ë´ØÏ¢ÉÕ¤±
888    window.onresize = fnMoveObject;
889
890    //
891    // Assign Event Handlers
892    //
893   
894    // div¥¿¥°¤ò¼èÆÀ
895    all_elms = document.getElementsByTagName ( 'div' );
896   
897    // td¥¿¥°¤ò¼èÆÀ
898    all_td = document.getElementsByTagName ( 'td' );
899   
900    // ÇÛÎóºîÀ®
901    fnCreateArr(0);
902   
903    // ʤÓÂؤ¨
904    fnMoveObject();
905}
906
907// ²èÌÌ¤Î¥í¡¼¥É¥¤¥Ù¥ó¥È¤Ë´ØÏ¢ÉÕ¤±
908addEvent ( window, 'load', init, false );
909</script>
Note: See TracBrowser for help on using the repository browser.