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

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