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

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