// 랭크업 게시판 사용자 클래스 var RANKUP_BOARD = Class.create({ // 초기설정 initialize: function() { this.version = 'v2.0 r080828'; this.comment_items = null; this.board_url = domain+"rankup_module/rankup_board/"; this.index_url = null; this.registFrm = null; this.selectAttach = null; this.board_id = null; this.no = null; this.attach_max_width = null; this.attach_max_nums = null; this.clickObject = null; this.showLayer = null; }, // 게시물 읽기 article_view: function(no, passwd) { var url = this.index_url+"/board.html?cmd=view_article&id="+this.board_id+"&ano="+no+"&passwd="+passwd; var myRequest = new Ajax.Request(url, { method: 'get', onSuccess: function(transport) { if(!transport.responseText.match(null)) { var resultData = transport.responseXML.getElementsByTagName('resultData')[0]; if(resultData.firstChild.nodeValue.indexOf('alert')!=-1) eval(resultData.firstChild.nodeValue); else document.location.href = resultData.firstChild.nodeValue; } transport = null; }, onComplete: function() {myRequest=null} }); }, // 게시물 수정 article_modify: function(click_obj, passwd) { var classObj = this; var url = "./board.html?cmd=modify_article&id="+this.board_id+"&ano="+this.no+"&passwd="+passwd; var classObj = this; var myRequest = new Ajax.Request(url, { method: 'get', onSuccess: function(transport) { if(!transport.responseText.match(null)) { var resultData = transport.responseXML.getElementsByTagName('resultData')[0]; eval(resultData.firstChild.nodeValue); } transport = null; }, onComplete: function() {myRequest=null} }); }, // 게시물 삭제 article_delete: function(click_obj, passwd) { if(passwd!==undefined && !confirm("게시물을 삭제하시겠습니까?"+SPACE)) return false; var classObj = this; var url = "./board.html?cmd=delete_article&id="+this.board_id+"&ano="+this.no+"&passwd="+passwd; var myRequest = new Ajax.Request(url, { method: 'get', onSuccess: function(transport) { if(!transport.responseText.match(null)) { var resultData = transport.responseXML.getElementsByTagName('resultData')[0]; eval(resultData.firstChild.nodeValue); } transport = null; }, onComplete: function() {myRequest=null} }); }, // 게시물 선택 check_all: function(val, img_obj) { var nos = document.getElementsByName("ano[]"); for(var i=0, j=0; i "; obj.innerHTML += item; }, // 아이템 마우스오버/아웃시 toggle_className: function(event) { this.className = event.type!="mouseover" ? this.getAttribute("selected")!=null ? "attachSelectItem" : "attachNormalItem" : this.getAttribute("selected")!=null ? "attachSHoverItem" : "attachHoverItem"; }, // 첨부파일 로드 - 수정시에만 사용 attach_load: function() { var attach_items = null; var classObj = this; var url = "./board.html?cmd=load_attach&id="+this.board_id+"&ano="+this.no; var myRequest = new Ajax.Request(url, { method: 'get', onSuccess: function(transport) { if(!transport.responseText.match(null)) { var resultData = transport.responseXML.getElementsByTagName("resultData")[0]; var configData = resultData.getElementsByTagName('attach')[0]; classObj.attach_max_width = configData.getAttribute('max_width'); classObj.attach_max_nums = configData.getAttribute('max_nums'); attach_items = resultData.getElementsByTagName("item"); var obj = $('div_attach_item'); document.getElementsByName('attach')[0].disabled = attach_items.length>=classObj.attach_max_nums; if(attach_items.length) { for(var i=0; i("+fsize+")
"+fwh_size; Event.observe(new_item, 'click', classObj.attach_item_preview); } Event.observe(new_item, 'mouseover', classObj.toggle_className); Event.observe(new_item, 'mouseout', classObj.toggle_className); } new_item.className = "attachSelectItem"; new_item.setAttribute("selected", "selected"); // 첨부파일 미리보기 classObj.attach_item_preview(new_item, true); } } transport = null; }, onComplete: function() {myRequest = null} }); }, // 첨부파일 표시 attach_draw: function(file_name, info) { // 아이템 추가 var new_item = document.createElement("li"); new_item.className = "attachSelectItem"; new_item.setAttribute("selected", "selected"); new_item.setAttribute("fname", file_name); new_item.setAttribute("fwidth", info['width']); new_item.setAttribute("fheight", info['height']); new_item.setAttribute("ftype", info['type']); $('div_attach_item').appendChild(new_item); if(in_array(info['type'], new Array("jpg", "gif", "bmp", "png"))) { var new_img = new Image(); new_img.style.width = "110px"; new_img.style.height = "100%"; new_img.style.border = "#999999 1px solid"; new_img.src = domain + file_name; new_item.appendChild(new_img); new_item.style.padding = "0px"; Event.observe(new_img, 'click', this.attach_item_preview); } else { new_item.innerHTML = info['text']; Event.observe(new_item, 'click', this.attach_item_preview); } Event.observe(new_item, 'mouseover', this.toggle_className); Event.observe(new_item, 'mouseout', this.toggle_className); // 첨부파일 미리보기 this.attach_item_preview(new_item, true); document.getElementsByName('attach')[0].disabled = $('div_attach_item').getElementsByTagName('li').length>=this.attach_max_nums; }, // 선택아이템 미리보기 - ※ 클래스 변수명을 직접 사용 attach_item_preview: function(event, draw) { var fileObj = event.type=="click" ? Event.element(event) : event; if(fileObj.tagName.indexOf("IMG")!=-1) fileObj = fileObj.parentNode; if(draw!=true && fileObj===rankup_board.selectAttach) return false; var url = domain + fileObj.getAttribute('fname'); // domain : rankup_basic.class.php 에서 정의 var preview = $('div_attach_preview'); preview.innerHTML = ''; switch(fileObj.getAttribute('ftype')) { case "swf": rankup_board.append_flash_object(preview, url, "100%", "100%"); break; case "gif": case "jpg": case "bmp": case "png": var img = new Image(); img.style.width = img.style.height = "100%"; img.src = url; preview.appendChild(img); break; } if(rankup_board.selectAttach!=null) { rankup_board.selectAttach.removeAttribute("selected"); rankup_board.selectAttach.className = "attachNormalItem"; } fileObj.className = "attachSelectItem"; fileObj.setAttribute("selected", "selected"); rankup_board.selectAttach = fileObj; }, // 첨부파일 삭제 attach_delete: function() { if(this.selectAttach==null) { alert("삭제하실 첨부파일을 선택하여 주십시오."+SPACE); return false; } if(!confirm("선택하신 파일을 삭제하시겠습니까?"+SPACE)) return false; var classObj = this; var url = "./board.html?cmd=delete_attach&id="+this.board_id+"&ano="+this.no+"&file="+this.selectAttach.getAttribute('fname'); var myRequest = new Ajax.Request(url, { method: 'get', onSuccess: function(transport) { if(!transport.responseText.match(null)) { var resultData = transport.responseXML.getElementsByTagName('resultData')[0]; alert(resultData.firstChild.nodeValue+SPACE); if(resultData.getAttribute('result')=="success") { // 아이템 노드 삭제 $('div_attach_item').removeChild(classObj.selectAttach); $('div_attach_preview').update(''); classObj.selectAttach = null; document.getElementsByName('attach')[0].disabled = $('div_attach_item').getElementsByTagName('li').length>=classObj.attach_max_nums; } } transport = null; }, onComplete: function() {myRequest=null} }); }, // 첨부파일 본문에 삽입 add_content: function(content) { // content : object_id if(this.selectAttach==null) { alert("본문에 삽입할 첨부파일을 선택하여 주십시오."+SPACE); return false; } var obj = this.selectAttach; if(!in_array(obj.getAttribute('ftype'), Array('gif', 'jpg', 'bmp', 'png', 'swf'))) { alert("본문에 삽입할 수 없는 파일 형태입니다."+SPACE); return false; } var contentObj = $("iframe"+content).contentWindow; switch(obj.getAttribute('ftype')) { case "gif": case "jpg": case "bmp": case "png": contentObj.focus(); var width_prefix = parseInt(obj.getAttribute('fwidth'), 10)>this.attach_max_width ? "\" width=\""+this.attach_max_width : ''; contentObj.document.execCommand('InsertImage', false, domain+obj.getAttribute('fname')+width_prefix); // 이미지 width 지정 break; // 플래시 관련 본문 삽입 수정해야함 case "swf": contentObj.focus(); var width = obj.getAttribute('fwidth'); var height = obj.getAttribute('fheight'); if(width>this.attach_max_width) { // 사이즈 교정 height = Math.ceil(height / (width / parseInt(this.attach_max_width, 10))); width = this.attach_max_width; alert(width +":"+ height); } this.append_flash_object(contentObj.document.body, domain+obj.getAttribute('fname'), width, height); break; } }, //-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= // 코멘트 로드 comment_load: function() { var classObj = this; var url = "./board.html?cmd=load_comment&id="+this.board_id+"&ano="+this.no; var myRequest = new Ajax.Request(url, { method: 'get', onSuccess: function(transport) { if(!transport.responseText.match(null)) { var resultData = transport.responseXML.getElementsByTagName('resultData')[0]; classObj.comment_items = resultData.getElementsByTagName('item'); $('div_comment_articles').update(''); for(var i=0; i" : ''; var newDiv = document.createElement('div'); newDiv.id = "div_comment_item"; if(i%2) newDiv.className = "even"; newDiv.innerHTML = "\
  • \
    "+comment_icon+"
    \
    "+comment_author+"
    \
    "+comment_content+"
    \
    • \
  • \
    ×
    \
    "+comment_wdate+"
    \
    • "; $('div_comment_articles').appendChild(newDiv); } } transport = null; }, onComplete: function() {myRequest=null} }); }, // 코멘트 표시 comment_draw: function(info) { var form = document.commentRegistFrm; var comment_icon = form.icon.value ? "" : ''; var comment_content = document.all ? form.content.value.replace(/\r\n/gi, "
    ") : form.content.value.replace(/\n/gi, "
    "); var newDiv = document.createElement('div'); newDiv.id = "div_comment_item"; newDiv.innerHTML = "\
  • \
    "+comment_icon+"
    \
    "+form.nickname.value+"
    \
    "+comment_content+"
    \
    • \
  • \
    ×
    \
    "+info.wdate+"
    \
    • "; if($('div_comment_articles').select("div[id=div_comment_item]").length%2) newDiv.className = "even"; $('div_comment_articles').appendChild(newDiv); var cnumObj = $('div_comment_nums').getElementsByTagName('span')[0]; cnumObj.innerHTML = parseInt(cnumObj.innerHTML, 10) + 1; // 댓글 수 증가 form.reset(); }, // 코멘트 삭제 comment_delete: function(no, passwd) { try { var click_obj = Event.element(event); this.clickObject = click_obj; } catch(e) { var click_obj = this.clickObject; this.clickObject = null; } var classObj = this; if(passwd!==undefined && !confirm("댓글을 삭제하시겠습니까?"+SPACE)) return false; var url = "./board.html?cmd=delete_comment&id="+this.board_id+"&ano="+this.no+"&passwd="+passwd+"&no="+no; var myRequest = new Ajax.Request(url, { method: 'get', onSuccess: function(transport) { if(!transport.responseText.match(null)) { var resultData = transport.responseXML.getElementsByTagName('resultData')[0]; eval(resultData.firstChild.nodeValue); } transport = null; }, onComplete: function() {myRequest=null} }); }, // 아이콘 선택기 select_icon: function() { var obj = $('div_comment_icon_box'); if(!obj.innerHTML) { for(var no=1; no<=10; no++) { var newLi = document.createElement('li'); newLi.innerHTML = ""; obj.appendChild(newLi); } Event.observe(document.commentRegistFrm, 'focusin', function() { obj.style.display = "none" }); $$('#div_comment_icon_box li').each(function(li) { Event.observe(li, 'click', function(el) { var _obj = Event.element(el); if(_obj.src==undefined) return; $('div_comment_icon').getElementsByTagName('img')[0].src = _obj.src; $('icon').value = _obj.getAttribute('no'); obj.style.display = "none"; }); }); } obj.style.display = "block"; }, // 비밀번호 입력기 scanf_passwd: function(no, click_obj, func_name, board_id) { var obj = $('div_scanf_passwd'); if(obj!=null) obj.parentNode.removeChild(obj); obj = document.createElement("span"); obj.id = "div_scanf_passwd"; obj.style.width = "186px"; // 리사이즈 obj.style.marginTop = "-21px"; obj.style.marginRight = "-3px"; obj.style.marginBottom = "0px"; obj.style.border = "#777777 1px solid"; obj.style.padding = "4px"; obj.style.paddingRight = "0px"; obj.style.backgroundColor = "white"; switch(func_name) { // 리스타일 case "article_view": // 비밀글 보기 obj.style.position = "absolute"; if(click_obj.innerHTML.toLowerCase().indexOf('img')!=-1) { obj.style.marginTop = "0px"; obj.style.marginLeft = "-186px"; } else { obj.style.marginTop = "-9px"; obj.style.marginLeft = "4px"; } if(board_id!==undefined && board_id!='') this.board_id = board_id; break; case "article_delete": // 게시물 삭제 case "article_modify": // 게시물 수정 obj.style.position = "absolute"; obj.style.marginTop = "0px"; obj.style.marginLeft = "-186px"; break; } var classObj = this; setTimeout(function() { obj.innerHTML = ""; click_obj.parentNode.insertBefore(obj, click_obj.previousSibling); obj.getElementsByTagName('input')[0].focus(); },0); } }); var rankup_board = new RANKUP_BOARD;