ajax로딩 메세지/ 팝업메뉴/ 원본이미지 보여주는 html elements들을 javascript내에서 동적으로 처리하도록 변경. ajax로딩시 flash animation추가

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@3986 201d5d3c-b55e-5fd7-737f-ddc643e51545

common/css/default.css

@@ -88,7 +88,7 @@ a.bold { font-weight:bold; }
 .zbxe_widget_output { background:url(../tpl/images/widget_text.gif) no-repeat center bottom; display:block;}
 
 /* xe layer */
-#waitingforserverresponse { display:inline; border:2px solid #444444; background-color:#FFFFFF; padding:15px 20px 13px 20px; font-weight:bold; color:#444444; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }
+#waitingforserverresponse { border:2px solid #444444; background-color:#FFFFFF; font-weight:bold; color:#444444; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }
 #fororiginalimageareabg { z-index:1001; background-color:#FFFFFF; width:100%; height:100%; top:0px; left:0px; position:relative; padding:20px 10px 10px 10px; border:8px solid #DDDDDD; } 
 #fororiginalimagearea { visibility:hidden; padding:0px; margin:0px; width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:1000; text-align:left; overflow:hidden; }
 #fororiginalimage { z-index:1002; }

common/js/common.js

@@ -355,6 +355,14 @@ function showOriginalImage(evt) {
     var obj = e.target;
     var src = obj.src;
 
+    if(!xGetElementById("fororiginalimagearea")) {
+        var dummy = xCreateElement("div");
+        dummy.id = "fororiginalimagearea";
+        dummy.style.visibility = "hidden";
+        xInnerHtml(dummy, "<div id=\"fororiginalimageareabg\"><img src=\""+request_uri+"common/tpl/images/blank.gif\" alt=\"original image\" border=\"0\" id=\"fororiginalimage\" /><img src=\""+request_uri+"common/tpl/images/original_image_box_close.gif\" alt=\"close original image\" border=\"0\" onclick=\"closeOriginalImage()\" id=\"closeOriginalImageBtn\"/></div>");
+        document.body.appendChild(dummy);
+    }
+
     var orig_image = xGetElementById("fororiginalimage");
     var tmp_image = new Image();
     tmp_image.src = src;
@@ -506,7 +514,11 @@ var loaded_popup_menu_list = new Array();
 function chkPopupMenu(evt) {
     // 이전에 호출되었을지 모르는 팝업메뉴 숨김
     var area = xGetElementById("popup_menu_area");
-    if(!area) return;
+    if(!area) {
+        area = xCreateElement("div");
+        area.id = "popup_menu_area";
+        document.body.appendChild(area);
+    }
     if(area.style.visibility!="hidden") area.style.visibility="hidden";
 
     // 이벤트 대상이 없으면 무시

common/js/xml_handler.js

@@ -20,8 +20,28 @@ function exec_xml(module, act, params, callback_func, response_tags, callback_fu
     if(typeof(response_tags)=="undefined" || response_tags.length<1) response_tags = new Array('error','message');
 
     var waiting_obj = xGetElementById("waitingforserverresponse");
+    if(!waiting_obj) {
+        waiting_obj = xCreateElement('DIV');
+        waiting_obj.id = 'waitingforserverresponse';
+        waiting_obj.style.visibility = 'hidden';
+        document.body.appendChild(waiting_obj );
+    }
+
     if(show_waiting_message && waiting_obj) {
-        xInnerHtml(waiting_obj, wating_message);
+        var str = ''+
+            '<div style="float:left; width:80px; height:80px; overflow:hidden;">'+
+            '<object id="load_next" width="80" height="80" align="middle" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">'+
+            '<param value="sameDomain" name="allowScriptAccess"/>'+
+            '<param value="'+request_uri+'common/tpl/images/loading.swf" name="movie"/>'+
+            '<param value="high" name="quality"/>'+
+            '<param value="transparent" name="wmode"/>'+
+            '<param value="#ffffff" name="bgcolor"/>'+
+            '<embed width="80" height="80" align="middle" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="sameDomain" name="load_next" bgcolor="#FFFFFF" quality="high" src="'+request_uri+'common/tpl/images/loading.swf"/>'+
+            '</object>'+
+            '</div>'+
+            '<div style="white-space:nowrap;z-index:1;float:left; padding:32px 20px 0 0; ">'+waiting_message+'</div>';
+
+        xInnerHtml(waiting_obj, str);
         xTop(waiting_obj, xScrollTop()+20);
         xLeft(waiting_obj, xScrollLeft()+20);
         waiting_obj.style.visibility = "visible";

common/tpl/common_layout.html

@@ -16,7 +16,7 @@
         var current_url = "{$current_url}";
         var request_uri = "{$request_uri}";
         var current_mid = "{$mid}";
-        var wating_message = "{$lang->msg_call_server}";
+        var waiting_message = "{$lang->msg_call_server}";
     //]]></script>
 
     {Context::getHtmlHeader()}
@@ -24,17 +24,6 @@
 </head>
 <body>
 {$zbxe_final_content}
-
-<div id="waitingforserverresponse" style="visibility:hidden"></div>
-<div id="fororiginalimagearea" style="visibility:hidden">
-  <div id="fororiginalimageareabg">
-      <img src="./images/blank.gif" alt="original image" border="0" id="fororiginalimage" />
-      <img src="./images/original_image_box_close.gif" alt="close original image" border="0" onclick="closeOriginalImage()" id="closeOriginalImageBtn"/>
-  </div>
-</div>
-<div id="popup_menu_area"></div>
-
 {Context::getHtmlFooter()}
-
 </body>
 </html>