source: temp/trunk/html/js/layout_design.js @ 4499

Revision 4499, 16.3 KB checked in by kakinaka, 20 years ago (diff)

blank
  • Property svn:eol-style set to native
  • Property svn:keywords set to Author Date Id Revision
Line 
1// ¥µ¥¤¥º´ÉÍý¥¯¥é¥¹¤ÎÄêµÁ
2function SC_Size() {
3    this.id = '';               // ID
4    this.left = 0;              // ÇÛÃÖ¤¹¤ëY¼´ºÂɸ
5    this.top = 0;               // ÇÛÃÖ¤¹¤ëX¼´ºÂɸ
6    this.width = 0;             // ¥ª¥Ö¥¸¥§¥¯¥È¤ÎÉý
7    this.height = 0;            // ¥ª¥Ö¥¸¥§¥¯¥È¤Î¹â¤µ
8    this.target_id = '';        // ÇÛÃÖ¾ì½ê¡Êº¸¥Ê¥Ó¤È¤«¡Ë
9    this.margin = 10;           // ¾å¤Î¥ª¥Ö¥¸¥§¥¯¥È¤È¤ÎÉý
10    this.obj;
11};
12
13// ÊÑ¿ôÀë¸À
14var defUnused = 500;    // ̤»ÈÍÑÎΰè¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
15var defNavi   = 400;    // º¸±¦¥Ê¥Ó¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
16var defMainNavi  = 100; // ¥á¥¤¥ó¾å²¼¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
17var defMain   = 200;    // ¥á¥¤¥ó¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
18
19var NowMaxHeight = 0;       // ¸½ºß¤ÎºÇÂç¤Î¹â¤µ
20var MainHeight = 200;
21
22var marginUnused    = 688;  // ̤»ÈÍÑÎΰè¤Îº¸¥Þ¡¼¥¸¥ó
23var marginLeftNavi  = 180;  // º¸¥Ê¥Ó¤Îº¸¥Þ¡¼¥¸¥ó
24var marginRightNavi = 512;  // ±¦¥Ê¥Ó¤Îº¸¥Þ¡¼¥¸¥ó
25var marginMain      = 348;  // ¥á¥¤¥ó¾å²¼¤Îº¸¥Þ¡¼¥¸¥ó
26var marginMainFootTop= 595; // ¥á¥¤¥ó²¼¤Î¾å¥Þ¡¼¥¸¥ó
27
28var gDragged = "";          // ¥É¥é¥Ã¥°Ã楪¥Ö¥¸¥§¥¯¥È
29var gDropTarget = "";       // ¥É¥é¥Ã¥°³«»Ï»þ¤ÎDropTarget
30
31var arrObj = new Object();  // ¥Ö¥í¥Ã¥¯¥ª¥Ö¥¸¥§¥¯¥È³ÊǼÍÑ
32
33var mouseFlg = false;
34
35var all_elms;               // div¥¿¥°¥ª¥Ö¥¸¥§¥¯¥È³ÊǼÍÑ
36
37// ¥¦¥£¥ó¥É¥¦¥µ¥¤¥º
38var scrX;
39var scrY;
40
41// ¥¤¥Ù¥ó¥È¤Î´ØÏ¢ÉÕ¤±¤ò¹Ô¤¦
42function addEvent( elm, evtType, fn, useCapture) {
43
44    if (elm.addEventListener) {
45        elm.addEventListener(evtType, fn, useCapture);
46        return true;
47
48    }
49    else if (elm.attachEvent) {
50
51        var r = elm.attachEvent('on' + evtType, fn);
52        return r;
53
54    }
55    else {
56        elm['on'+evtType] = fn;
57
58    }
59   
60}
61
62
63// ¥¤¥Ù¥ó¥È¤Î´ØÏ¢ÉÕ¤±¤ò²ò½ü
64function removeEvent( elm, evtType, fn, useCapture) {
65
66    if (elm.removeEventListener) {
67
68        elm.removeEventListener(evtType, fn, useCapture);
69        return true;
70
71    }
72    else if (elm.detachEvent) {
73
74        var r = elm.detachEvent('on' + evtType, fn);
75        return r;
76
77    }
78    else {
79
80        elm['on'+evtType] = fn;
81
82    }
83   
84}
85
86// ¥Þ¥¦¥¹¥«¡¼¥½¥ë¤òÊѹ¹
87function setCursor ( elm, curtype ) {
88    elm.style.cursor = curtype;
89}
90
91// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎÆ©ÌÀÅÙ¤òÊѹ¹   
92function setOpacity(node,val) {
93
94    if (node.filters) {
95        node.filters["alpha"].opacity = val*100;
96    } else if (node.style.opacity) {
97        node.style.opacity = val;
98    }
99}
100
101// Zindex¤òÊѹ¹¤¹¤ë¡ÊÁ°ÌÌɽ¼¨ÀÚÂØ¡Ë
102function setZindex(node, val) {
103    node.style.zIndex = val;
104//  alert(val);
105}
106
107// Ãͤò¼èÆÀ
108function getAttrValue ( elm, attrname ) {
109    if (typeof(elm.attributes[ attrname ]) != 'undefined') {
110        return elm.attributes[ attrname ].nodeValue;
111    }
112}
113
114// Ãͤò¥»¥Ã¥È
115function setAttrValue ( elm, attrname, val ) {
116    elm.attributes[ attrname ].nodeValue = val;
117}
118
119// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎXºÂɸ¤ò¼èÆÀ
120function getX ( elm ) {
121//   return parseInt(elm.style.left);
122    return parseInt(elm.offsetLeft);
123   
124}
125
126// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎYºÂɸ¤ò¼èÆÀ
127function getY ( elm ) {
128    return parseInt(elm.offsetTop);
129//    return parseInt(elm.style.top);
130}
131
132// XºÂɸ¤ò¼èÆÀ
133function getEventX ( evt ) {
134    return evt.clientX ? evt.clientX : evt.pageX;
135}
136
137// YºÂɸ¤ò¼èÆÀ
138function getEventY ( evt ) {
139    return evt.clientY ? evt.clientY : evt.pageY;
140}
141
142// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎÉý¤ò¼èÆÀ
143function getWidth ( elm ) {
144    return parseInt( elm.style.width );
145}
146
147// ¥ª¥Ö¥¸¥§¥¯¥È¤Î¹â¤µ¤ò¼èÆÀ
148function getHeight ( elm ) {
149//    return parseInt( elm.style.height );
150    return parseInt( elm.offsetHeight );
151}
152
153// ¥Ú¡¼¥¸¤Î²Ä»ëÎΰè¤ÎXºÂɸ¤ò¼èÆÀ¤¹¤ë
154function getPageScrollX()
155{
156    var x = 0;
157
158    if (document.body && document.body.scrollLeft != null) {
159        x = document.body.scrollLeft;
160    } else if (document.documentElement && document.documentElement.scrollLeft != null) {
161        x = document.documentElement.scrollLeft;
162    } else if (window.scrollX != null) {
163        x = window.scrollX;
164    } else if (window.pageXOffset != null) {
165        x = window.pageXOffset;
166    }
167   
168    return x;
169}
170
171// ¥Ú¡¼¥¸¤Î²Ä»ëÎΰè¤ÎYºÂɸ¤ò¼èÆÀ¤¹¤ë
172function getPageScrollY()
173{
174    var y = 0;
175   
176    if (document.body && document.body.scrollTop != null) {
177        y = document.body.scrollTop;
178    } else if (document.documentElement && document.documentElement.scrollTop != null) {
179        y = document.documentElement.scrollTop;
180    } else if (window.scrollY != null) {
181        y = window.scrollY;
182    } else if (window.pageYOffset != null) {
183        y = window.pageYOffset;
184    }
185   
186    return y;
187}
188
189
190// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎºÂɸ¤ò¥»¥Ã¥È
191function moveElm ( elm, x, y ) {
192    elm.style.left = x + 'px';
193    elm.style.top = y + 'px';
194}
195
196// ¥Þ¥¦¥¹¥À¥¦¥ó¥¤¥Ù¥ó¥È
197function onMouseDown (evt) {
198
199    var target = evt.target ? evt.target : evt.srcElement;
200    var x = getEventX ( evt );
201    var y = getEventY ( evt );
202
203    //
204    // Save Information to Globals
205    //
206    if (mouseFlg == false) {
207   
208        gDragged = target;
209   
210        gDeltaX = x - getX(gDragged);
211        gDeltaY = y - getY(gDragged);
212   
213        gDraggedId = getAttrValue ( gDragged, 'did' );
214        setCursor ( gDragged, 'move' );
215   
216        gOrgX = getX ( gDragged );
217        gOrgY = getY ( gDragged );
218        gtarget_id = getAttrValue ( gDragged, 'target_id' );
219   
220        //
221        // Set
222        //
223       
224        // ¥É¥é¥Ã¥°Ãæ¤ÏȾƩÌÀ
225        setOpacity ( gDragged, 0.6 );
226   
227        // ¥É¥é¥Ã¥°Ãæ¤ÏºÇÁ°ÌÌɽ¼¨
228        setZindex ( gDragged , 2);
229       
230        addEvent ( document, 'mousemove', onMouseMove, false );
231        addEvent ( document, 'mouseup', onMouseUp, false );
232
233        // ¥É¥é¥Ã¥°¤ò³«»Ï¤·¤¿¤È¤­¤Ï¹â¤µ¤ò°ìÅÙ½é´ü²½¤¹¤ë¡£
234        NowMaxHeight = defNavi;
235               
236        mouseFlg = true;
237    }
238}
239
240
241// ¥Þ¥¦¥¹¥à¡¼¥Ö¥¤¥Ù¥ó¥È
242function onMouseMove(evt) {
243
244    // ¸½ºß¤ÎºÂɸ¤ò¼èÆÀ
245    var x = getEventX ( evt ) + document.body.scrollLeft;                   // ¥Þ¥¦¥¹ºÂɸ X
246    var y = getEventY ( evt ) + document.body.scrollTop;                    // ¥Þ¥¦¥¹ºÂɸ Y
247    var nowleft = getEventX ( evt ) - gDeltaX;  // ¥ª¥Ö¥¸¥§¥¯¥ÈºÂɸ LEFT
248    var nowtop = getEventY ( evt ) - gDeltaY;   // ¥ª¥Ö¥¸¥§¥¯¥ÈºÂɸ TOP
249
250    // ¥ª¥Ö¥¸¥§¥¯¥È¤ò°ÜÆ°
251    moveElm ( gDragged, nowleft, nowtop );
252   
253    for ( var i = 0; i < all_elms.length; i++ ) {
254        // drop_target¾å¤Ë¤­¤¿¾ì¹ç¤Ë¤Î¤ß½èÍý¤ò¹Ô¤¦
255        if ( isEventOnElm ( evt, all_elms[i].id ) ) {       
256            if ( all_elms[i].attributes['tid'] ) {
257                var tid = getAttrValue ( all_elms[i], 'tid' );
258               
259                // ÇØ·Ê¿§¤ÎÊѹ¹ ̤»ÈÍÑÎΰè¤ÏÊѹ¹¤·¤Ê¤¤
260                all_elms[i].style.background="#ffffdd";
261               
262                // target_id ¤Î½ñ¤­´¹¤¨
263                setAttrValue ( gDragged, 'target_id', tid );
264
265                //objCheckLine.style.top = parseInt(nowtop) + parseInt(gDragged.style.height) / 2 + 'px';
266                //objCheckLine.style.top = y;
267
268                // ÇÛÎó¤ÎºÆºîÀ®
269                fnCreateArr(1, y, x);
270                // ÇÛÎó¤ÎʤÓÂؤ¨
271                fnChangeObj(tid);
272            }
273        }else{
274            if ( all_elms[i].attributes['tid'] && all_elms[i].style.background!="#ffffff") {
275                // ÇØ·Ê¿§¤ÎÊѹ¹
276                all_elms[i].style.background="#ffffff";
277            }
278        }
279    }
280}
281
282// ¥Þ¥¦¥¹¥¢¥Ã¥×¥¤¥Ù¥ó¥È       
283function onMouseUp(evt) {
284    // ¥¤¥Ù¥ó¥È¤Î´ØÏ¢ÉÕ¤±²ò½ü
285    if (mouseFlg == true) {
286        removeEvent ( document, 'mousemove', onMouseMove, false );
287        removeEvent ( document, 'mouseup', onMouseUp, false );
288        mouseFlg = false;
289    }
290
291    if ( !isOnDropTarget (evt) ) {
292        // ¸µ¤Î°ÌÃÖ¤ËÌ᤹
293        moveElm ( gDragged, gOrgX, gOrgY );
294        setAttrValue ( gDragged, 'target_id', gtarget_id );
295
296        // ÇÛÎó¤ÎºÆºîÀ®
297        fnCreateArr(1, gOrgY, gOrgX);
298    }
299   
300    // hiddenÍ×ÁǤνñ¤­´¹¤¨
301    var did = getAttrValue( gDragged, 'did' );
302    var target_id = "target_id_"+did;
303    document.form1[target_id].value = getAttrValue( gDragged, 'target_id' );
304   
305    // ȾƩÌÀ¡¢¥Þ¥¦¥¹¥Ý¥¤¥ó¥¿¡¢ºÇÁ°Ì̽èÍý¤òÌ᤹
306    setOpacity( gDragged, 1);
307    setCursor ( gDragged, 'move' );
308    setZindex ( gDragged , 1);
309   
310    // ʤÓÂؤ¨
311    fnSortObj();
312   
313    // ÇØ·Ê¿§¤òÌ᤹
314    for ( var i = 0; i < all_elms.length; i++ ) {
315        // drop_target¾å¤Ë¤­¤¿¾ì¹ç¤Ë¤Î¤ß½èÍý¤ò¹Ô¤¦
316        if ( isEventOnElm ( evt, all_elms[i].id ) && all_elms[i].attributes['tid']) {
317            // ÇØ·Ê¿§¤ÎÊѹ¹
318            all_elms[i].style.background="#ffffff";
319        }
320    }
321}
322
323// DropTarget¾å¤Ë¥ª¥Ö¥¸¥§¥¯¥È¤¬Í褿¤«¤òȽÃǤ¹¤ë
324function isOnDropTarget ( evt ) {
325   
326    for ( var i=0; i<all_elms.length; i++ ) {
327        if ( isEventOnElm ( evt, all_elms[i].id ) ) {
328            if ( all_elms[i].attributes['tid'] ) {
329                return true;
330            }
331        }
332    }
333    return false;
334}
335function isEventOnElm (evt, drop_target_id) {
336
337    if (drop_target_id == '') {
338        return '';
339    }
340
341    var evtX = getEventX(evt) + getPageScrollX();
342    var evtY = getEventY(evt) + getPageScrollY();
343   
344    var drop_target = document.getElementById( drop_target_id );
345
346    drp_left = getX( drop_target );
347    drp_top = getY( drop_target );
348
349    var x = drp_left;
350    var y = drp_top;
351
352    var width = getWidth ( drop_target );
353    var height = getHeight ( drop_target );
354   
355//  alert(evtX +" / "+ x +" / "+ evtY +" / "+ y +" / "+ width +" / "+ height);
356
357    return evtX > x && evtY > y && evtX < x + width && evtY < y + height;
358}
359
360// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎʤÓÂؤ¨¤ò¹Ô¤¦
361function fnSortObj(){
362    fnSetTargetHeight();
363    for ( var cnt = 0; cnt < all_elms.length; cnt++ ) {
364
365        // class¤¬ drop_target ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
366        if ( getAttrValue ( all_elms[cnt], 'class' ) == 'drop_target' ) {
367            var tid = getAttrValue ( all_elms[cnt], 'tid' );
368           
369            // ÇÛÎó¤ÎʤÓÂؤ¨
370            fnChangeObj(tid);
371           
372            // ÇÛÃÖ
373            fnSetObj( tid, cnt );
374        }
375    }
376}
377
378// ÇÛÎó¤ÎºîÀ®
379function fnCreateArr( addEvt , top = 0 , left = 0 ){
380
381    var arrObjtmp = new Object();
382    arrObjtmp['LeftNavi'] = Array();
383    arrObjtmp['RightNavi'] = Array();
384    arrObjtmp['MainHead'] = Array();
385    arrObjtmp['MainFoot'] = Array();
386    arrObjtmp['Unused'] = Array();
387   
388    alert(1123);
389
390    for ( var i = 0; i < all_elms.length; i++ ) {
391 
392
393        // class¤¬ dragged_elm ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
394        if ( getAttrValue ( all_elms[i], 'class' ) == 'dragged_elm' ) {
395       
396            // ¥Þ¥¦¥¹¥À¥¦¥ó¥¤¥Ù¥ó¥È¤È´ØÏ¢ÉÕ¤±¤ò¹Ô¤¦
397            if (addEvt == 0) {
398                addEvent ( all_elms[i], 'mousedown', onMouseDown, false );
399            }
400
401            var target_id = getAttrValue ( all_elms[i], 'target_id' ); 
402            var len = arrObjtmp[target_id].length;
403            var did = getAttrValue ( all_elms[i], 'did' );
404           
405            arrObjtmp[target_id][len] = new SC_Size();
406            arrObjtmp[target_id][len].id = did;
407            arrObjtmp[target_id][len].obj = all_elms[i];
408            arrObjtmp[target_id][len].width = getWidth( all_elms[i] );
409            arrObjtmp[target_id][len].height = getHeight( all_elms[i] );
410
411            // ¥É¥é¥Ã¥°Ãæ¤Î¥ª¥Ö¥¸¥§¥¯¥È¤¬Â¸ºß¤¹¤ì¤Ð¡¢¤½¤Î¥ª¥Ö¥¸¥§¥¯¥È¤À¤±¥Þ¥¦¥¹¥Ý¥¤¥ó¥¿¤ÎºÂɸ¤ò»ØÄꤹ¤ë¡£
412            if (gDragged != "") {
413                if (did != getAttrValue ( gDragged, 'did' )) {
414                    // top ¤Ï¾ï¤Ë¥ª¥Ö¥¸¥§¥¯¥È¤ÎÃæ¿´¤ò¼èÆÀ¤¹¤ë¤è¤¦¤Ë¤¹¤ë
415                    arrObjtmp[target_id][len].top = (parseInt(getY( all_elms[i] )) + arrObjtmp[target_id][len].height / 2 );
416                    arrObjtmp[target_id][len].left = getX( all_elms[i] );
417                }else {
418                    arrObjtmp[target_id][len].top = top;
419                    arrObjtmp[target_id][len].left = left;
420                }
421            } else {
422                // top ¤Ï¾ï¤Ë¥ª¥Ö¥¸¥§¥¯¥È¤ÎÃæ¿´¤ò¼èÆÀ¤¹¤ë¤è¤¦¤Ë¤¹¤ë
423                arrObjtmp[target_id][len].top = i;
424                arrObjtmp[target_id][len].left = getX( all_elms[i] );
425            }
426        }
427    }
428   
429    arrObj = arrObjtmp;
430}
431
432// ÇÛÎó¤ÎʤÓÂؤ¨ (¥Ð¥Ö¥ë¥½¡¼¥È¤ÇʤÓÂؤ¨¤ò¹Ô¤¦)
433function fnChangeObj( tid ){
434    for ( var i = 0; i < arrObj[tid].length-1; i++ ) {
435        for ( var j = arrObj[tid].length-1; j > i; j-- ) {
436            if ( arrObj[tid][j].top < arrObj[tid][i].top ) {
437                var arrTemp = new Array();
438                arrTemp = arrObj[tid][j];
439                arrObj[tid][j] = arrObj[tid][i];
440                arrObj[tid][i] = arrTemp;
441            }
442        }
443    }
444}
445
446// ÇÛÃÖ
447function fnSetObj( tid, cnt ){
448    var target_height = 0;
449   
450    drp_left = getX(all_elms[cnt]); //all_elms[cnt].offsetLeft;
451    drp_top = getY(all_elms[cnt]); //all_elms[cnt].offsetTop;
452
453    for ( var j = 0; j < arrObj[tid].length; j++ ) {
454        // ÇÛÃÖ¤¹¤ëºÂɸ¤Î¼èÆÀ
455        var left = parseInt(drp_left) + parseInt(all_elms[cnt].style.width) / 2 - parseInt(arrObj[tid][j].width) / 2;
456        if (j == 0){
457            var top = drp_top + arrObj[tid][j].margin;
458        }else{
459            var top = arrObj[tid][j-1].top + arrObj[tid][j].margin + arrObj[tid][j-1].height
460        }
461
462        // ºÂɸ¤òÊÝ»ý
463        arrObj[tid][j].top = top;
464        arrObj[tid][j].left = left;
465
466        // ÇÛÃÖ¤ò¹Ô¤¦
467        moveElm ( arrObj[tid][j].obj, left ,top);
468
469        // ¹â¤µ·×»»
470        target_height = target_height + arrObj[tid][j].margin + arrObj[tid][j].height;
471
472        // hidden¤ÎÃͤò½ñ¤­´¹¤¨
473        var top_id = "top_" + arrObj[tid][j].id;
474        document.form1[top_id].value = top;
475
476    }
477}
478
479// ¥É¥í¥Ã¥×¥¿¡¼¥²¥Ã¥È¤Î¹â¤µÄ´À°
480function fnSetTargetHeight(){
481
482    var NaviHeight = defNavi;
483    var MainHeadHeight = defMainNavi;
484    var MainFootHeight = defMainNavi;
485    var UnusedHeight = defUnused;
486
487    // ¹â¤µ·×»»
488    for ( var cnt = 0; cnt < all_elms.length; cnt++ ) {
489        var target_height = 0;
490   
491        // class¤¬ drop_target ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
492        if ( getAttrValue ( all_elms[cnt], 'class' ) == 'drop_target' ) {
493            var tid = getAttrValue ( all_elms[cnt], 'tid' );
494
495            for ( var j = 0; j < arrObj[tid].length; j++ ) {
496                target_height = target_height + arrObj[tid][j].margin + arrObj[tid][j].height;
497            }
498
499            // ²¼¤ÎÉý
500            target_height = target_height + 20;
501
502            // º¸±¦¥Ê¥Ó¡¢Ì¤»ÈÍÑÎΰè¤Î¹â¤µ¤òÊÝ»ý
503            if (tid == 'LeftNavi' || tid == 'RightNavi' || tid == 'Unused') {
504                if (NaviHeight < target_height) {
505                    NaviHeight = target_height;
506                }
507            }
508
509            // ¥á¥¤¥ó¾åÉôÎΰè¤Î¹â¤µ¤òÊÝ»ý
510            if (tid == 'MainHead') {
511                if (target_height > defMainNavi) {
512                    MainHeadHeight = target_height;
513                }
514            }
515
516            // ¥á¥¤¥ó²¼ÉôÎΰè¤Î¹â¤µ¤òÊÝ»ý
517            if (tid == 'MainFoot') {
518                if (target_height > defMainNavi) {
519                    MainFootHeight = target_height;
520                }
521            }   
522        }
523    }
524
525    // ¥á¥¤¥óÎΰè¤Î¹â¤µ¤òÊÝ»ý
526//  alert(NaviHeight+"/"+MainHeadHeight+"/"+MainFootHeight);
527    MainHeight = NaviHeight - ( MainHeadHeight + MainFootHeight );
528    if (MainHeight < defMain) {
529        MainHeight = defMain;
530    }
531
532    // ¥á¥¤¥óÉôʬ¤Î¤Û¤¦¤¬Â礭¤¤¾ì¹ç¤Ë¤Ïº¸±¦¥Ê¥Ó¤âÂ礭¤¯¤¹¤ë
533    if (NaviHeight < MainHeadHeight + MainFootHeight + MainHeight) {
534        NaviHeight = MainHeadHeight + MainFootHeight + MainHeight; 
535    }
536    // Êѹ¹
537    for ( var cnt = 0; cnt < all_elms.length; cnt++ ) {
538        var target_height = 0;
539
540        // class¤¬ drop_target ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
541        if ( getAttrValue ( all_elms[cnt], 'class' ) == 'drop_target' ) {
542            var tid = getAttrValue ( all_elms[cnt], 'tid' );
543           
544            // tid¤Ë¤è¤Ã¤Æ½èÍý¤òʬ¤±¤ë
545            if (tid == 'LeftNavi' || tid == 'RightNavi') {
546                target_height = NaviHeight;
547            }else if (tid == 'MainHead' ) {
548                target_height = MainHeadHeight;
549            }else if (tid == 'MainFoot') {
550                target_height = MainFootHeight;
551            }else if (tid == 'Unused'){
552                target_height = NaviHeight+100;
553            }
554
555            all_elms[cnt].style.height = target_height;
556        }
557    }
558   
559    // ¥á¥¤¥ó¥Æ¡¼¥Ö¥ë¤Î¹â¤µ¤âÊѹ¹
560    for (var i = 0; i < all_td.length; i++) {
561        name = getAttrValue ( all_td[i], 'name' );
562        if (name == 'Main') {
563            all_td[i].height = MainHeight-2;
564        }
565    }
566}
567
568//¥¦¥¤¥ó¥É¥¦¥µ¥¤¥º¼èÆÀ
569function GetWindowSize(type){
570    var ua = navigator.userAgent;                                               // ¥æ¡¼¥¶¡¼¥¨¡¼¥¸¥§¥ó¥È
571    var nWidth, nHeight;                                                        // ¥µ¥¤¥º
572    var nHit = ua.indexOf("MSIE");                                              // ¹çÃפ·¤¿Éôʬ¤ÎÀèƬʸ»ú¤Îź¤¨»ú
573    var bIE = (nHit >=  0);                                                     // IE ¤«¤É¤¦¤«
574    var bVer6 = (bIE && ua.substr(nHit+5, 1) == "6");                           // ¥Ð¡¼¥¸¥ç¥ó¤¬ 6 ¤«¤É¤¦¤«
575    var bStd = (document.compatMode && document.compatMode=="CSS1Compat");      // ɸ½à¥â¡¼¥É¤«¤É¤¦¤«
576
577    switch(type){
578        case "width":
579            if(bIE){
580                if (bVer6 && bStd) {
581                    return document.documentElement.clientWidth;
582                } else {
583                    return document.body.clientWidth;
584                }
585            }else if(document.layers){
586                return(innerWidth);
587            }else{
588                return(-1);
589            }
590        break;
591        case "height":
592            if(bIE){
593                if (bVer6 && bStd) {
594                    return document.documentElement.clientHeight;
595                } else {
596                    return document.body.clientHeight;
597                }
598                return(document.body.clientHeight);
599            }else if(document.layers){
600                return(innerHeight);
601            }else{
602                return(-1);
603            }
604        break;
605        default:
606            return(-1);
607        break;
608    }
609}
610
611// ¥¦¥£¥ó¥É¥¦¥µ¥¤¥º¤¬Êѹ¹¤Ë¤Ê¤Ã¤¿¤È¤­¤ÏÁ´¤Æ¤Î¥ª¥Ö¥¸¥§¥¯¥È¤â°ÜÆ°¤¹¤ë
612function fnMoveObject() {
613
614    // ¥¦¥£¥ó¥É¥¦¤ÎÉýÊѹ¹ÈæΨ¤ò¼èÆÀ
615    var moveX = GetWindowSize("width") - scrX;
616    var BlankX = ( GetWindowSize("width") - 878 ) / 2
617   
618    for ( var i = 0; i < all_elms.length; i++) {
619        if (all_elms[i].style.left != "" ) {
620
621            var elm_class = getAttrValue ( all_elms[i], 'class' );
622
623            if (elm_class == 'drop_target') {
624                var tid = getAttrValue ( all_elms[i], 'tid' );
625               
626                if (tid == 'LeftNavi') {
627                    LeftMargin = marginLeftNavi;
628                }else if (tid == 'RightNavi') {
629                    LeftMargin = marginRightNavi;
630                }else if (tid == 'MainHead' || tid == 'MainFoot') {
631                    LeftMargin = marginMain;
632                }else{
633                    LeftMargin = marginUnused;
634                }
635
636                if (BlankX > 0) {
637                    all_elms[i].style.left = BlankX + LeftMargin + 'px';
638                }else{
639                    all_elms[i].style.left = LeftMargin + 'px';
640                }
641            }
642        }
643    }
644   
645    scrX = GetWindowSize("width");
646    scrY = GetWindowSize("height");
647   
648    fnSortObj();
649}
650// ²èÌÌ¤Î¥í¡¼¥É¥¤¥Ù¥ó¥È¤Ë´ØÏ¢ÉÕ¤±
651addEvent ( window, 'load', init, false );
Note: See TracBrowser for help on using the repository browser.