//배너 270x70 var banner_img = ""; var Remote = { // 변수 초기화 initialize: function() { this.remote_body = ""; this.search_html = ""; this.whois_html = ""; this.price_html = ""; this.mydom_html = ""; this.cart_html = ""; this.help_html = ""; this.eventX = 0; this.eventY = 0; this.xmlDoc; // 리모콘 전체틀 remote_body = "\n"; remote_body += "\n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += "
\n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += " \n"; remote_body += "
\n"; remote_body += "
\n"; remote_body += "\n"; // 도메인 검색 search_html = "\n"; search_html += "\n"; search_html += " \n"; search_html += "\n"; search_html += "
\n"; search_html += "
\n"; search_html += "\n"; search_html += "\n"; search_html += "\n"; search_html += "\n"; search_html += "\n"; search_html += "\n"; search_html += " \n"; search_html += "\n"; search_html += "
\n"; search_html += " \n"; search_html += " \n"; search_html += " \n"; search_html += " \n"; search_html += " \n"; search_html += " \n"; search_html += "
\n"; search_html += "
\n"; search_html += "
\n"; search_html += "\n"; search_html += "\n"; search_html += "\n"; search_html += " \n"; search_html += "\n"; search_html += "
- 영문 및 한글 도메인 검색 가능
- 도메인 종류를 입력하지 않으면 주요도메인에 대한
   검색결과를 제공해드립니다.
\n"; search_html += "
\n"; search_html += "
"+ banner_img +"
\n"; // 정보조회 whois_html = "\n"; whois_html += "\n"; whois_html += " \n"; whois_html += "\n"; whois_html += "
\n"; whois_html += "
\n"; whois_html += "\n"; whois_html += "\n"; whois_html += " \n"; whois_html += "\n"; whois_html += "
\n"; whois_html += " \n"; whois_html += " \n"; whois_html += " \n"; whois_html += " \n"; whois_html += " \n"; whois_html += " \n"; whois_html += "
\n"; whois_html += "
\n"; whois_html += "
\n"; whois_html += "\n"; whois_html += "\n"; whois_html += "\n"; whois_html += " \n"; whois_html += "\n"; whois_html += "
- www는 제외하고 입력해주세요.
  입력 예) gabia.com, 가비아.com
- 네임서버 및 IP 정보 조회 [바로가기]
\n"; whois_html += "
\n"; whois_html += "
"+ banner_img +"
\n"; // 가격조회 price_html = "\n"; price_html += "\n"; price_html += " \n"; price_html += "\n"; price_html += "
\n"; price_html += "\n"; price_html += "\n"; price_html += " \n"; price_html += "\n"; price_html += "
\n"; price_html += "\n"; price_html += "\n"; price_html += " \n"; price_html += "\n"; price_html += "
\n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += " \n"; price_html += "
종류 : \n"; price_html += " \n"; price_html += "
기간 : \n"; price_html += " \n"; price_html += "
가격 :  (VAT 별도)
\n"; price_html += "
\n"; price_html += "
\n"; price_html += "
"+ banner_img +"
\n"; // 내 도메인 mydom_html = "\n"; mydom_html += "\n"; mydom_html += " \n"; mydom_html += " \n"; mydom_html += "\n"; mydom_html += "\n"; mydom_html += "
0개 
\n"; mydom_html += "\n"; mydom_html += "\n"; mydom_html += " \n"; mydom_html += "\n"; mydom_html += "
\n"; mydom_html += " \n"; mydom_html += " \n"; mydom_html += " \n"; mydom_html += " \n"; mydom_html += " \n"; mydom_html += " \n"; mydom_html += "
도메인만기일연장신청
\n"; mydom_html += "
\n"; mydom_html += " \n"; mydom_html += " \n"; mydom_html += " \n"; mydom_html += "
\n"; mydom_html += "
\n"; mydom_html += "
\n"; mydom_html += "\n"; mydom_html += "\n"; mydom_html += " \n"; mydom_html += "\n"; mydom_html += "
- 최대 20개의 목록이 제공됩니다.
\n"; mydom_html += "
"+ banner_img +"
\n"; mydom_html += "
\n"; mydom_html += "\n"; mydom_html += "
\n"; // 장바구니 cart_html = "\n"; cart_html += "\n"; cart_html += " \n"; cart_html += " \n"; cart_html += "\n"; cart_html += "
0개 
\n"; cart_html += "\n"; cart_html += "\n"; cart_html += " \n"; cart_html += "\n"; cart_html += "
\n"; cart_html += " \n"; cart_html += " \n"; cart_html += " \n"; cart_html += " \n"; cart_html += " \n"; cart_html += "
도메인삭제
\n"; cart_html += "
\n"; cart_html += "
\n"; cart_html += "\n"; cart_html += "\n"; cart_html += " \n"; cart_html += "\n"; cart_html += "
- 도메인을 등록하려면 [장바구니 가기] 버튼을 클릭하세요.
\n"; cart_html += "
"+ banner_img +"
\n"; // 도움말 help_html = "\n"; }, // 화면에 리모콘을 뿌려준다. onRemoteShow: function() { // Remote.onRemoteHide(); var DomainRemocon = document.getElementById("DomainRemocon"); // 리모콘을 화면에 보여주고 내용을 뿌린다. // 현재 창의 크기 var now_width = window.document.body.clientWidth/2; DomainRemocon.style.left = now_width+160; DomainRemocon.style.top = 168; $("#DomainRemocon").html(remote_body); $("#DomainRemocon").show(); // 현재 장바구니 쿠키값이 있는지 체크한다. if ( getCookie('remote_view_menu') ) { if ( getCookie('remote_view_menu') == "help" ) Remote.onHelpView(); else Remote.onRemoteMenu( getCookie('remote_view_menu') ); } else { if ( getCookie( 'cart_domain' ) ) Remote.onRemoteMenu(5); else $("#RemoteContents").html(search_html); } onRemoteDrag(); // 리모콘 View Cookie setCookie( 'remote_on', "on", "", '/', '.gabia.com', '' ); }, // 리모콘을 감춘다. onRemoteHide: function() { var DomainRemocon = document.getElementById("DomainRemocon"); DomainRemocon.style.left = 0; DomainRemocon.style.top = 0; $("#DomainRemocon").html(""); $("#DomainRemocon").hide(); deleteCookie('remote_on', '/', '.gabia.com'); }, onRemoteMenu: function(n) { var contents; if (n==1) contents = search_html; else if (n == 2) contents = whois_html; else if (n == 3) contents = price_html; else if (n == 4) contents = mydom_html; else if (n == 5) contents = cart_html; for(var i = 1; i < 6; i++) { if ( n == i ) $("#remote_menu"+i).attr({ src: "http://domain.gabia.com/images/remocon/btn" + i + "_on.gif", STYLE: "cursor:text;" }); else $("#remote_menu"+i).attr({ src: "http://domain.gabia.com/images/remocon/btn" + i + "_off.gif", STYLE: "cursor:pointer" }); } $("#RemoteContents").html(contents); // 가격조회에서 처음 선택되는 메뉴항목 if (n == 3) { Remote.loadXml(); getDomCost(1); } // 내도메인 목록을 가져온다. else if (n == 4) { if (document.login_form.aj_login_id) { aj_login_id = document.login_form.aj_login_id.value; } else { aj_login_id = ''; } getMyDomList(aj_login_id); } else if (n == 5) { // 현재 장바구니 쿠키값이 있는지 체크한다. if ( getCookie( 'cart_domain' ) ) { // 현재 쿠키에 있는 값을 얻는다. ckCartDomainValue = getCookie( 'cart_domain' ); var partStr=ckCartDomainValue.split("|"); // 현재 쿠키에 있는 값으로 장바구리 리스트를 만든다. for (var i=0; i,.?\/'; var special_4 = ' ~!@#$%^&*()_=+|\\{}[];:"\'<>,?\/'; var gtld = f['gtld[]']; var valid_check = false; var han_dom_tld = new Array(".com", ".net" , ".org", ".kr", ".biz", ".info"); var eng_dom_tld = new Array(".com", ".net" , ".org", ".kr", ".co.kr", ".info", ".biz", ".cn", ".com.cn", ".net.cn", ".cc", ".tv", ".name", ".asia"); var cctld_dom_tld = new Array(".eu", ".cn", ".com.cn", ".net.cn", ".org.cn", ".in", ".jp", ".us", ".de", ".ag", ".com.ag", ".net.ag", ".org.ag", ".at", ".me", ".co.uk", ".org.uk", ".la", ".sh", ".am", ".be", ".pl", ".biz.pl", ".bz", ".co.in", ".net.in", ".org.in", ".firm.in", ".gen.in", ".ind.in", ".fm", ".gs", ".io", ".md", ".ms", ".nu", ".sc", ".com.sc", ".net.sc", ".org.sc", ".se", ".sg", ".com.sg", ".tc", ".tk", ".tw", ".vg", ".ws", ".ac", ".com.mx", ".co.nz", ".net.nz", ".org.nz", ".ch", ".es", ".im", ".tm", ".vc", ".ae", ".ht", ".com.ht", ".net.ht", ".org.ht", ".lt", ".mg", ".pe", ".si", ".sk", ".co"); if (f.new_domain.value.charAt(f.new_domain.value.length-1) == '.') { f.new_domain.value = f.new_domain.value.substr(0, f.new_domain.value.length-1); } if (f.new_domain.value.charAt(0) == '.') { alert ("도메인 명은 '.'로 시작할 수 없습니다."); f.new_domain.focus(); return false; } if (f.new_domain.value.charAt(0) == '-') { alert ("도메인 명은 '-'로 시작할 수 없습니다."); f.new_domain.focus(); return false; } if (f.new_domain.value.charAt(f.new_domain.value.length-1) == '-') { alert ("도메인 명은 '-'로 끝날 수 없습니다."); f.new_domain.focus(); return false; } if (checknorm2_nomsg(f.new_domain, '도메인명', special_4, 20) == false) { alert("도메인명에 잘못된 값이 입력되었습니다."); f.new_domain.focus(); return false; } var domain_kind = f.new_domain.value.substr(f.new_domain.value.indexOf('.')).toLowerCase(); var origin_domainname = f.new_domain.value.substr(0, f.new_domain.value.length - domain_kind.length); if (origin_domainname.charAt(origin_domainname.length-1) == '-') { alert ("도메인 명은 '-'로 끝날 수 없습니다."); f.new_domain.focus(); return false; } // 도메인 길이 체크 if ( checknorm_nomsg(f.new_domain, '도메인명', numeric+alpha+'.-', 63) ) { if(f.new_domain.value.length < 1 || f.new_domain.value.length > 17){ alert ("한글 도메인은 1자 이상 17자 이하로 구성됩니다."); f.new_domain.focus(); return false; } } else { if(f.new_domain.value.length < 3 || f.new_domain.value.length > 63){ alert ("도메인은 3자 이상 63자 이하로 구성됩니다."); f.new_domain.focus(); return false; } } if( f.new_domain.value.indexOf('.') > 0 ) { // 도메인 이름넣는곳에 도메인 종류까지 넣은 경우 f.new_domain.value = origin_domainname; // 한글 도메인 if ( checknorm_nomsg(f.new_domain, '도메인명', numeric+alpha+'.-', 63) ) { for(j = 0; j < han_dom_tld.length; j++) { if(domain_kind == han_dom_tld[j]) valid_check = true; } if (valid_check == false) { alert('한글도메인은 .com, .net, .org, .kr, .biz, .info만 등록 가능합니다.\n다시 확인 후 입력하여 주시기 바랍니다.'); return false; } } // 영문도메인 else { // 잘못된 tld 값을 입력했는지 체크 for(j = 0; j < eng_dom_tld.length; j++) { if(domain_kind == eng_dom_tld[j]) valid_check = true; } for(j = 0; j < cctld_dom_tld.length; j++) { if(domain_kind == cctld_dom_tld[j]) valid_check = true; } if (valid_check == true) { if (domain_kind == ".kr" || domain_kind == ".name") { if (domain_kind == ".kr") temp_length = 3; else if (domain_kind == ".name") temp_length = 2; temp_domainname = f.new_domain.value; f.new_domain.value = origin_domainname; if(f.new_domain.value.length < temp_length) { alert (domain_kind+" 도메인은 "+temp_length+"자 이상으로 구성됩니다."); f.new_domain.value = temp_domainname; f.new_domain.focus(); return false; } if(checknorm_nomsg(f.new_domain, '도메인명', numeric+'-', 63) == false) { alert(domain_kind+" 도메인은 도메인명에 1개 이상의 영문자가 입력되어야 합니다."); f.new_domain.value = temp_domainname; f.new_domain.focus(); return false; } } } if (valid_check == false) { alert("잘못된 도메인명을 입력하셨습니다."); return false; } } gtld[0].value = domain_kind; } else { // 도메인명만 넣은 경우 // 한글 도메인 if ( checknorm_nomsg(f.new_domain, '도메인명', numeric+alpha+'.-', 63) ) { gtld[0].value = ".com"; gtld[1].value = ".net"; gtld[2].value = ".kr"; gtld[3].value = ".org"; gtld[3].value = ".biz"; gtld[3].value = ".info"; } // 영문도메인 else { gtld[0].value = ".com"; gtld[1].value = ".net"; gtld[2].value = ".kr"; gtld[3].value = ".co.kr"; } } return true; }, // 후이즈 정보 조회 Popup whois_domain_info: function() { var domain = document.frmWhois.info_domain.value; var ex_text = domain.replace(/\r\n/gi, '').replace(/\r/gi, '').replace(/\n/gi, '').replace(/ /gi, ''); if (domain == "" || ex_text == "예)gabia.com") { alert("검색할 도메인명을 입력하여 주시기 바랍니다."); return false; } else { sURL = "http://domain.gabia.com/regist/sch_whois/schwhois_popup.php?domain="+domain; window.open(sURL, "NameServer", "left=" + (window.screen.availWidth/2 - 200) + ",top=" + (window.screen.availHeight/2 - 220) + ",directories=no, location=no, menubar=no, resizable=no, scrollbars=1, status=no, titlebar=no, toolbar=no,width=550,height=500"); return false; } }, onMouseUp : function() { var DomainRemocon = document.getElementById("DomainRemocon"); var l, t; l = DomainRemocon.style.left; t = DomainRemocon.style.top; // 현재 리모콘의 위치 setCookie( 'remote_position', l+"|"+t, "", '/', '.gabia.com', '' ); return {left:l, top:t}; } } Remote.initialize(); /* * 장바구니 */ // 장바구니 리스트에 도메인을 추가 한다. var addDomainToCart = function(obj) { var ckCartDomainValue; var newckCartDomain; var cartItem = ""; var domain = obj.value; var encode_domain = encodeURIComponent(domain); var inner_html = ""; var cart_id = domain.replace(/\./g, "_"); if (chkCartDomain(encode_domain)) { alert(domain + "은 이미 장바구니에 담겨져 있습니다."); } else { inner_html += ""; inner_html += "\n"; inner_html += "\n"; inner_html += " \n"; inner_html += " \n"; inner_html += "\n"; inner_html += "\n"; inner_html += "
" + domain + "
"; inner_html += ""; $('#cart_domain_list') .append(inner_html) .find('span.domainCart:last') .fadeIn(800) .find('#remove') .bind( 'click', function() { $(this).DropOutDown( 400, function() { $(this.parentNode.parentNode.parentNode.parentNode.parentNode).remove(); ckDeleteCartDomain(encode_domain); calculateCartTotal(); } ); return false; } ); cartItem = $('#remote_menu5').get(0); // 쿠키설정. // 쿠키가 존재한다면 기존의 쿠키값에 새로 들어온것을 더해서 다시 생성한다. ckCartDomainValue = getCookie( 'cart_domain' ); if ( ckCartDomainValue == null ) newckCartDomain = encode_domain; else newckCartDomain = ckCartDomainValue + "|" + encode_domain; setCookie( 'cart_domain', newckCartDomain, 1, '/', '.gabia.com', '' ); } calculateCartTotal(); $(obj.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode) .TransferTo( { to: cartItem, className: 'transCartDomain', duration: 400 } ); }; // 현재 장바구니에 담겨져 있는 갯수 var calculateCartTotal = function() { var total = 0; $('#cart_domain_list .domainCart').each( function() { total += 1; } ); if (total != "") $('#cartTotal').html(total); else $('#cartTotal').html("0"); }; // 장바구니에 담으려고 하는 도메인이 쿠키에 있는지 체크한다. function chkCartDomain(domain) { var ckCartDomainValue; if ( getCookie( 'cart_domain' ) ) { ckCartDomainValue = getCookie( 'cart_domain' ); var partStr=ckCartDomainValue.split("|"); for (i=0; i"; inner_html += "\n"; inner_html += "\n"; inner_html += " \n"; inner_html += " \n"; inner_html += "\n"; inner_html += "\n"; inner_html += "
" + decodeURIComponent(domain) + "
"; inner_html += ""; $('#cart_domain_list') .append(inner_html) .find('span.domainCart:last') .fadeIn(800) .find("#remove") .bind( 'click', function() { $(this.parentNode.parentNode.parentNode.parentNode.parentNode).DropOutDown( 400, function() { $(this).remove(); ckDeleteCartDomain(domain); calculateCartTotal(); } ); return false; } ); calculateCartTotal(); } /* * 도메인 가격 조회 */ // 국제, KR, 세계 도메인의 목록을 만든다. function getTldKind(parentsTagName, childTagName) { var strOptions = ""; var domain_price = xmlDoc.getElementsByTagName(parentsTagName); var tld_kind = domain_price[0].getElementsByTagName(childTagName); strOptions = ""; for (var i = 0; i < tld_kind.length; i++) { var strNodeValue = tld_kind[i].firstChild.nodeValue; var strAttribute = tld_kind[i].getAttribute("tld"); strOptions += ""; } return strOptions; } // 도메인 가격 조회 스크립트 시작 function getDomCost(n) { if (n == 1) TagName = "internic"; else if (n == 2) TagName = "krnic"; else if (n == 3) TagName = "world"; var viewOptions = getTldKind('domain_price', TagName); $("#domain_kind").empty(); $("#domain_kind").append(viewOptions); $("#domain_kind").show(); $("#period").hide(); $("#view_dom_price").text(""); for (var i = 1; i < 4; i++) { if ( n == i ) $("#cost_button"+i).attr({ src: "http://domain.gabia.com/images/remocon/c1" + parseInt(i-1) + "_on.gif" }); else $("#cost_button"+i).attr({ src: "http://domain.gabia.com/images/remocon/c1" + parseInt(i-1) + ".gif" }); } } // 해당 도메인의 등록년수를 구해온다. function getPeriod(value) { if (value != "") { $.ajax({ type: "POST", url: "/inc/ajax_lib/domain_price.php", data: "tld_kind="+value, dataType: "html", success: function(msg){ $("#period").empty(); $("#period").append(msg); } }); $("#period").show(); $("#view_dom_price").text(""); } } // 도메인 가격을 보여준다. function viewPrice(value) { if (value != "") { var viewPrice = value + "원"; $("#view_dom_price").text(viewPrice); } else $("#view_dom_price").text(""); } /* * 리모콘 쿠키 */ // 쿠키 생성 function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : ""); document.cookie = curCookie; } // 쿠키값 가져오기 function getCookie(name) { var dc = document.cookie; var prefix = name + "="; var begin = dc.indexOf("; " + prefix); if (begin == -1) { begin = dc.indexOf(prefix); if (begin != 0) return null; } else begin += 2; var end = document.cookie.indexOf(";", begin); if (end == -1) end = dc.length; return unescape(dc.substring(begin + prefix.length, end)); } // 쿠키 삭제 function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-1970 00:00:01 GMT"; } } /* * 마이도메인 리스트 */ // 현재 등록되어 있는 도메인 리스트를 가져온다. // 로그인 했을때에만 가져옴 var mydom_load = ""; function getMyDomList(id) { var post_data; if (id) { mydom_load = ""; if (id == "aj_#_logout") { aj_user_id = ''; } else { aj_user_id = id; } } else { aj_user_id = ''; } // post_data = "&view_cnt=20"; post_data += "&order_field=expire"; post_data += "&order_type=asc"; post_data += "&list_type=small"; post_data += "&aj_user_id="+aj_user_id; // 로딩중 inner_html = "\n"; inner_html += "     검색중...\n"; inner_html += "\n"; inner_html += "\n"; inner_html += " \n"; inner_html += "\n"; if (mydom_load == "") { $("#mydom_list_view").html(inner_html); $.ajax({ type: "POST", url: "/inc/ajax_lib/get_mydomain_list_main.php", data: post_data, dataType: "json", success: function(msg) { viewList (msg); } }); } else { viewList (mydom_load); } } function viewList(response) { var inner_html = ""; var domain_width = "134"; var expire_width = "67"; var extend_width = "67"; var extend_style = " align=\"center\""; // 결과가 없다면 if (response.search_cnt == "0") { inner_html += "\n"; inner_html += " 도메인이 존재하지 않습니다.\n"; inner_html += "\n"; $("#mydom_list_view").html(inner_html); // return; } else { // 전체 갯수 표시 $("#total_mydom").html(response.search_cnt); if (response.search_cnt > 4) { domain_width = "134"; expire_width = "67"; extend_width = "67"; extend_style = " align=\"right\" style=\"padding-right:7px;\""; } // 리스트를 만든다. for (var i = 0; i < response.domain_list.length; i++) { inner_html += "\n"; inner_html += " " + response.domain_list[i].domain + "\n"; inner_html += " " + response.domain_list[i].expire + "\n"; inner_html += " \n"; inner_html += "\n"; inner_html += "\n"; inner_html += " \n"; inner_html += "\n"; } $("#mydom_list_view").html(inner_html); } mydom_load = response; } var gotoExtend = function(domain) { var f = document.frmRemoconExt; f.domainList.value = domain; f.action = "http://domain.gabia.com/extend/extend_step1.php"; f.submit(); } /* * 리모콘 드래드 */ function getObj() { var ret = []; for(var i=0; i < arguments.length; i++) { if (typeof arguments[i] == 'string') { ret.push(document.getElementById(arguments[i])); } else { ret.push(arguments[i]); } } return ret[1]?ret:ret[0]; } /***********************/ // create class var Class = function(){ var obj = function() { if (this.__const) this.__const.apply(this,arguments); } if (arguments[0]) Class.extend(obj.prototype, arguments[0]); return obj; } // class inheritance - multiple inheritance supportable Class.extend = function(superClass) { var obj = superClass; for(var i=1; i < arguments.length; i++) { if (arguments[i]) { for(var x in arguments[i]) { if (x == 'cursor') {x="hand";} obj[x] = arguments[i][x]; } } } return obj; } /***********************/ // global event object var Event = { register : function(oEl, sEvent, pFunc) { oEl = getObj(oEl); if (oEl.addEventListener) { oEl.addEventListener(sEvent, pFunc, false); } else if(oEl.attachEvent) { oEl.attachEvent('on'+sEvent, pFunc); } }, unregister : function(oEl, sEvent, pFunc) { oEl = getObj(oEl); if (oEl.removeEventListener) { oEl.removeEventListener(sEvent, pFunc, false); } else if(oEl.detachEvent) { oEl.detachEvent('on'+sEvent, pFunc); } }, ready : function(evt) { var e = evt || window.event; var b = document.body; Class.extend(e, { element : e.target || e.srcElement, page_x : e.pageX || e.clientX+b.scrollLeft-b.clientLeft, page_y : e.pageY || e.clientY+b.scrollTop-b.clientTop, stop : function() { if (this.preventDefault) { this.preventDefault(); this.stopPropagation(); } else { this.returnValue = false; this.cancelBubble = true; } } }); return e; } } // global element object var Element = { realPos : function(oEl) { if (oEl.offsetParent) { var p = this.realPos(oEl.offsetParent); return { top: oEl.offsetTop+p.top, left: oEl.offsetLeft+p.left }; } else { return { top: oEl.offsetTop, left:oEl.offsetLeft }; } } } // array extend Class.extend(Array.prototype, { load : function(obj) { for(var i=0; i this.limit.right - this.obj.offsetWidth) new_x = this.limit.right - this.obj.offsetWidth; if (new_y < this.limit.top) new_y = this.limit.top; else if (new_y > this.limit.bottom - this.obj.offsetHeight) new_y = this.limit.bottom - this.obj.offsetHeight; } this.obj.style.top = new_y+'px'; this.obj.style.left = new_x+'px'; e.stop(); }, onMouseUp : function(e) { Event.unregister(document, 'mousemove', this.onmousemove); this.obj.style.zIndex = this.orgZ; } }) Scroll = Class({ __const : function(id) { this.obj = getObj(id); this.options = Class.extend({ enable : true, slowDown : false, topTrack : false, division : 50, limitArea : null }, arguments[1] || {}); var offset = this.getPos(this.obj)[0]; this.obj.style.top = this.obj.offsetTop+'px'; this._scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop); this._startTop = parseInt(this.obj.style.top); this._startPosY = this.getPos(this.obj)[0]; if (this._scrollTop > this._startTop) this._scrollTop = 0; // event binding this.onscroll = this.onScroll.bindForEvent(this); Event.register(window, 'scroll',this.onscroll); }, onScroll : function(e) { var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop); var diff = scrollTop - this._scrollTop; var diffChange = false; if (this._startTop + diff < 170) this._targetTop = 168; else this._targetTop = this._startTop + diff; if (this.options.limitArea) { var objY = this.getPos(this.obj)[0]; var area = getObj(this.options.limitArea); var posY = this.getPos(area)[0]; if (this._startPosY + this.obj.offsetHeight + diff > posY + area.offsetHeight) { diff = posY + area.offsetHeight - this._startPosY - this.obj.offsetHeight; this._targetTop = this._startTop + diff; diffChange = true; } else if (this._targetTop < posY) { this._targetTop = posY; diffChange = true; } } if (this.options.topTrack && !diffChange && scrollTop > this._startPosY) { this._targetTop -= this._startPosY; } if (this._timer) { clearTimeout(this._timer); this._timer = null; } this._timer = setTimeout(this.animate.bind(this), 1); }, animate : function() { var currTop = parseInt(this.obj.style.top); var unit = (this._targetTop-currTop)<0?-1:1; var step = Math.ceil(this._targetTop - this._startTop / 100); if (this.options.slowDown) { step = parseInt((this._targetTop - currTop) / this.options.division); if (step == 0) step = unit; } if ((step > 0 && currTop + step > this._targetTop) || (step < 0 && currTop + step < this._targetTop)) { step = this._targetTop - currTop; } if (this._targetTop != currTop) { this.obj.style.top = (currTop+step)+'px'; setTimeout(this.animate.bind(this), 10); } }, getPos : function(obj) { var top=0, left=0; while(obj.offsetParent) { top += obj.offsetTop; left += obj.offsetLeft; obj = obj.offsetParent; } return [top, left]; } }); function onRemoteDrag() { // 드래그 new Drag('DomainRemocon', { handler : ['remoconTop'], limitArea : document.getElementById('remote_move_area') }); } window.onload = function() { // 스크롤 new Scroll('DomainRemocon', { topTrack : true, slowDown : true, division : 10, limitArea : 'remote_move_area' }); }