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

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