Alice = { version:"0.56", creator:"", mail:"", homepage:"", updated:"2010.01.22" }; Alice.config = { uploadpath: '', imageroot: '/img/', uploadroot: '' }; (function() { Web.EditorManager = { hash: new Hash, pop: new Hash, sequence:0, path:'', put: function(el) { this.hash[el.aliceId] = el; }, instance: function(id) { var h = null; var keys = this.hash.keys(); for (var i = 0; i < keys.length; i++) { if (this.hash[keys[i]].instance == id) { h = this.hash[keys[i]]; break; } } if (!h) { h = new Web.Editor(id, arguments[1]||{}); } return h; }, get: function(id) { var h = this.hash[id]; if (!h) { h = null; } return h; }, getId: function() { return "s."+(++this.sequence); }, remove: function(id) { this.hash.remove(id); }, removeAll: function() { var keys = this.hash.keys(); for (var i = 0; i < keys.length; i++) { this.remove(keys[i]); } }, disableRange: function(id) { this.hash[id].disableRange(); }, disableAllRange: function() { var keys = this.hash.keys(); for (var i = 0; i < keys.length; i++) { this.disableRange(keys[i]); } }, disableFocus: function(id) { this.hash[id].disableFocus(); }, disableAllFocus: function() { var keys = this.hash.keys(); for (var i = 0; i < keys.length; i++) { this.disableFocus(keys[i]); } }, pushPop: function(p) { this.pop[p.id] = p; }, pullPop: function(id) { var p = this.pop[id]; if (p) { p.innerHTML = ''; p.style.display = 'none'; this.pop.remove(id); } }, pullAllPop: function() { var keys = this.pop.keys(); for (var i = 0; i < keys.length; i++) { this.pullPop(keys[i]); } }, disableAlllayout: function() { var keys = this.hash.keys(); for (var i = 0; i < keys.length; i++) { this.hash[keys[i]].fontDisplayHidden(); } } }; Web.Editor = Class.create(); Web.Editor.prototype = { initialize: function(id, params) { this.instance = id; this.seqId = Web.EditorManager.getId(); this.aliceId = 'alice-'+this.seqId; this.mode = 'HTML'; this.file = new Hash; this.preview = null; this.range = null; this.focus = false; this.status = 'MAX'; this.anchors = '_blank'; this.limit = params.limit||0; if (this.instance) { var o1 = $(this.instance); var o2 = $n(this.instance); var d = 0; while (o1 || d == 0) { if (o1 && o1.tagName.toLowerCase() == 'textarea') { break; } o1 = o2[d++]; } if (!o1) { alert('The textarea width id or name is not found'); return; } } else { alert('Id propery is required'); return; } var w = 600; var h = 300; var p = o1.parentElement||o1.parentNode; if (params.width) { var sw = params.width.toString(); if (sw.include('%')) { if (p) { w = Web.util.Position.pure(params.width)/100 * Web.util.Position.pure(Element.getStyle(p,'width')); } } else { w = Web.util.Position.pure(params.width); w = w < 400? 400:w; } if (!Web.isIE) { w -= 2; } } if (params.height) { var sh = params.height.toString(); if (sh.include('%')) { if (p) { h = Web.util.Position.pure(params.height)/100 * Web.util.Position.pure(Element.getStyle(p,'height')); } } else { h = Web.util.Position.pure(params.height); h = h < 300? 300:h; } } this.invoke = params.invoke; this.thumbnail = params.thumbnail||50; this.fontSize = params.size||'12px'; this.fontFamily = params.family||'Verdana'; this.aliceType = params.type||'detail'; this.aliceType = this.aliceType.toLowerCase(); this.aliceWidth = Web.util.Position.pure(w||Element.getStyle(o1, "width")||'600px'); this.aliceHeight = Web.util.Position.pure(h||Element.getStyle(o1, "height")||'300px'); this.initValue = o1.value; this.appendHtml(this.createHtml(), o1); this.appendStyle(); this.loadAlice(); this.extendContextWindow(); Web.EditorManager.put(this); o1.style.display = 'none'; }, loadAlice: function() { var cw = this.getAliceContentWindow(); cw.document.designMode = "on"; cw.document.open(); cw.document.write(""); cw.document.write(""); cw.document.close(); cw.document.body.style.fontSize = this.fontSize; cw.document.body.style.fontFamily = this.fontFamily; this.focusAlice(); this.loadContent(); if (Web.isIE) { var range = cw.document.selection.createRange(); this.setAliceRange(range); } Event.observe(cw.document, "keydown", this.appendEventKeyDown); // n if (Web.isIE) { Event.observe(cw.document, "mousedown", this.appendEventMouseDown); // n Event.observe(this.aliceId, "focus", this.appendEventFocus); // y focus = true; Event.observe(window.document, "click", this.appendEventAllClick); // y popup == false then range = null, focus = false document.body.oncontextmenu = function() { return false; }; } Event.observe(cw.document, "click", this.appendEventClick); // n Event.observe(this.aliceId, "mouseout", this.appendEventMouseout); // y set range }, showAlice: function() { var id = "alc-box-"+this.seqId; $(id).style.display = ''; }, hideAlice: function() { var id = "alc-box-"+this.seqId; $(id).style.display = 'none'; }, disableAlice: function() { this.toggleAlice('HTML'); var y = Web.util.Position.objectY("alc-box-"+this.seqId); var x = Web.util.Position.objectX("alc-box-"+this.seqId); var obj = $("alc-disabled.s"+this.seqId); if (!obj) { var div = document.createElement("div"); div.setAttribute("id", "alc-disabled.s"+this.seqId); document.body.appendChild(div); obj = div; } obj.className = "alc-shadow"; obj.style.top = y; obj.style.left = x; obj.style.width = this.aliceWidth; obj.style.height = this.aliceHeight; obj.style.zIndex = 9999999; obj.style.display = 'inline'; }, enableAlice: function() { var obj = $("alc-disabled.s"+this.seqId); if (obj) { obj.style.display = 'none'; } }, loadContent: function() { if (this.initValue.length > 0) { var cw = this.getAliceContentWindow(); cw.document.body.innerHTML = (cw.document.body.innerHTML||'') + this.initValue; } }, appendEventClick: function(event) { Web.EditorManager.pullAllPop(); Web.EditorManager.disableAlllayout(); }, appendEventFocus: function(event) { var alice = event.srcElement; if (alice.id) { var el = Web.EditorManager.get(alice.id); if (el) { el.focus = true; } } }, appendEventAllClick: function(event) { var src = event.srcElement; if (src.name != undefined) { //only alc-bttns-s.*, alc-select-s.* if (src.name.include('alc-')) { return; } } Web.EditorManager.disableAllRange(); Web.EditorManager.disableAllFocus(); }, appendEventKeyDown: function(event) { var alice = Web.isIE? event.srcElement : event.target; if(event.keyCode == 9) { alice.focus(); space = " "; if (Web.isIE) { alice.selection = document.selection.createRange(); alice.selection.text = space; } event.returnValue = false; } }, appendEventMouseout: function(event) { var alice = Web.isIE? event.srcElement : event.target; if (alice.id) { var el = Web.EditorManager.get(alice.id); if (el) { var cw = el.getAliceContentWindow(); if (Web.isIE) { var range = cw.document.selection.createRange(); el.setAliceRange(range); } } } }, appendEventMouseDown: function(event) { if (event.button == 2) { var obj = event.srcElement; if (obj) { var tid = null; if (obj.tagName == 'TD') { if (obj.parentElement.parentElement && obj.parentElement.parentElement.tagName == 'TABLE') { tid = obj.parentElement.parentElement.id; } else if (obj.parentElement.parentElement.parentElement && obj.parentElement.parentElement.parentElement.tagName == 'TABLE') { tid = obj.parentElement.parentElement.parentElement.id; } } else if (obj.tagName == 'TABLE') { tid = obj.id; } if (tid) { var alice = tid.substring(tid.indexOf('alice')); alice = alice.substring(0, alice.indexOf('-t')); var div = document.createElement("div"); div.setAttribute("id", "alc-tab-opt.s"+Web.Math.random()); div.setAttribute("className", "alc-pop"); div.style.zIndex = 8081; document.body.appendChild(div); div.style.position = "absolute"; div.style.top = Web.util.Position.objectY(alice)+event.clientY; div.style.left = Web.util.Position.objectX(alice)+event.clientX; Alice.table.srcElement = obj; var d1 = alice+"-menu-row"; var d2 = alice+"-menu-col"; var d3 = alice+"-menu-cel"; div.innerHTML = ""+ "
"+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
행 옵션위에 행 추가
아래에 행 추가
해당행 삭제
해당행 배경색
해당행 높이조절 입력
열 옵션좌측에 열 추가
우측에 열 추가
해당열 삭제
해당열 배경색
해당열 너비조절 입력
셀 옵션좌측으로 합치기
우측으로 합치기
아래로 합치기
해당셀 배경색
"; Web.EditorManager.pullAllPop(); Web.EditorManager.pushPop(div); return true; } } } }, disableRange: function() { if (!this.popup) { this.setAliceRange(null); } }, disableFocus: function() { if (!this.popup) { this.focus = false; } }, focusAlice: function() { this.getAliceContentWindow().focus(); }, getAliceRange: function() { var cw = this.getAliceContentWindow(); var range = null; if (Web.isIE) { range = this.range? this.range : cw.document.selection.createRange(); } else { range = cw.getSelection().getRangeAt(0); } return range; }, setAliceRange: function(range) { this.range = range; }, popupHide: function() { Web.CanvasManager.hideAll(); if (Web.isIE) { if (!this.focus) { var cw = this.getAliceContentWindow(); cw.focus(); } else { if (this.range) { this.range.select(); this.focusAlice(); } } } else { this.focusAlice(); } this.popup = false; }, toggleAlice: function(m) { var cw = this.getAliceContentWindow(); var tv = this.getAliceTextViewer(); var s = this.seqId; if ((!m && this.mode == 'TEXT') || (m && m == 'HTML' && this.mode == 'TEXT')) { $("alc-edit-view-"+s).style.display = "inline"; tv.style.display = "none"; cw.document.body.innerHTML = tv.value; if (this.status == "MAX") { Element.setStyle(this.aliceId,{height:Web.util.Position.clientHeight()-53}); } else if (this.status == "NORMAL") { Element.setStyle(this.aliceId,{height:this.aliceHeight-53}); } this.modifyImagePath(); this.focusAlice(); this.mode = 'HTML'; var bttns = document.getElementsByTagName('button'); for (var i = 0; i < bttns.length; i++) { if (bttns[i].name.include('alc-bttns') || bttns[i].name.include('alc-select')) { if (bttns[i].getAttribute("enablebutton") != "on") { if (Web.isIE) { bttns[i].style.filter = 'alpha(opacity=100)'; } else { bttns[i].style.MozOpacity = 1; } bttns[i].disabled = false; } } } } else if ((!m && this.mode == 'HTML') || (m && m == 'TEXT' && this.mode == 'HTML')) { $("alc-edit-view-"+s).style.display = "none"; tv.style.display = "inline"; if (this.status == "MAX") { Element.setStyle(tv,{height:Web.util.Position.clientHeight()-53}); } else if (this.status == "NORMAL") { Element.setStyle(tv,{height:this.aliceHeight-53}); } this.modifyImagePath(); tv.value = cw.document.body.innerHTML; tv.focus(); this.mode = 'TEXT'; var bttns = document.getElementsByTagName('button'); for (var i = 0; i < bttns.length; i++) { if (bttns[i].name.include('alc-bttns') || bttns[i].name.include('alc-select')) { if (bttns[i].getAttribute("enablebutton") != "on") { if (Web.isIE) { bttns[i].style.filter = 'alpha(opacity=50)'; } else { bttns[i].style.MozOpacity = .5; } bttns[i].disabled = true; } } } } Web.EditorManager.pullAllPop(); }, getContentWithLimit: function() { var html = this.getHtml(); if (this.isLimit()) { Web.alert({title:'경고', msg:'본문을 너무 많이 작성하셨습니다
최대 본문 작성가능 글자수는 '+this.limit+'바이트 입니다
현재 작성 글자수는 '+html.getByte()+'바이트 입니다',width:400}); return null; } return html; }, getContent: function(v) { v = v||false; return this.getHtml(v); }, isLimit: function() { var html = this.getHtml(); return (this.limit > 0 && html.getByte() > this.limit); }, getHtml: function(v) { var tv = this.getAliceTextViewer(); var cw = this.getAliceContentWindow(); if (this.mode == 'HTML') { if (!v) { this.modifyImagePath(); } html = cw.document.body.innerHTML; } else if (this.mode == 'TEXT') { html = tv.value; } return html; }, setContent: function(v) { var cw = this.getAliceContentWindow(); cw.document.body.innerHTML = v; this.modifyImagePath(); this.focusAlice(); }, appendContent: function(v) { this.pasteHtmlToAlice(v); }, getAliceContentWindow: function() { return $(this.aliceId).contentWindow; }, getAliceTextViewer: function() { return $('alc-text-view-'+this.seqId); }, appendStyle: function() { //this.setStyleSelectTag(); this.setStyleButtonTag(); }, setStyleSelectTag: function() { var objs = $n("alc-select-"+this.seqId); for (var i = 0; i < objs.length; i++) { if (objs[i]) { objs[i].style.borderStyle = "solid"; objs[i].style.borderWidth = "1px"; objs[i].style.borderColor = "#fafafa"; objs[i].onmouseover = function() { this.style.borderColor = "#316ac5"; this.style.backgroundColor = "#dff1ff"; } objs[i].onmouseout = function() { this.style.borderColor = "#fafafa"; this.style.backgroundColor = "#fafafa"; } } } }, setStyleButtonTag: function() { var objs = $n("alc-bttns-"+this.seqId); for (var i = 0; i < objs.length; i++) { if (objs[i]) { objs[i].style.borderStyle = "solid"; objs[i].style.borderWidth = "1px"; objs[i].style.borderColor = "#fafafa"; objs[i].onmouseover = function() { this.style.borderColor = "#316ac5"; this.style.backgroundColor = "#dff1ff"; } objs[i].onmouseout = function() { this.style.borderColor = "#fafafa"; this.style.backgroundColor = "#fafafa"; } } } }, modifyImagePath: function() { var cw = this.getAliceContentWindow(); var images = cw.document.getElementsByName("alc-images"); for (i = 0; i < images.length; i++) { var src = images[i].src; if (src.include('http://'+Web.Location.domain())) { images[i].src = src.gsub('http://'+Web.Location.domain(), ''); } } var anchors = cw.document.getElementsByTagName("a"); for (i = 0; i < anchors.length; i++) { anchors.item(i).target = this.anchors; } }, appendHtml: function(html, el) { if (el.insertAdjacentHTML) { el.insertAdjacentHTML('beforeBegin', html); } else { var oRange = document.createRange(); oRange.setStartBefore(el); var oFragment = oRange.createContextualFragment(html); el.parentNode.insertBefore(oFragment, el); } }, createHtml: function() { var seq = this.seqId; var image = Alice.config.imageroot; var ma = "
"; var fu = "
"+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ (this.aliceType == 'detail' || this.aliceType == 'normal' ? ""+ ""+ "" :"")+ ""+ ""+ (this.aliceType == 'detail'? ""+ "" :"")+ ""+ ""+ ""+ ""+ ""+ ""+ (this.aliceType == 'detail' || this.aliceType == 'normal' ? (this.aliceType == 'detail'? ""+ "" :"")+ ""+ ""+ "" :"")+ ""+ ""+ "
"+ "
"+ ""+Web.util.Select.alice['alc-font-style'].gsub(/\{0\}/, seq).gsub(/\{1\}/, this.aliceId)+""+ ""+Web.util.Select.alice['alc-font-family'].gsub(/\{0\}/, seq).gsub(/\{1\}/, this.aliceId)+""+ ""+Web.util.Select.alice['alc-font-size'].gsub(/\{0\}/, seq).gsub(/\{1\}/, this.aliceId)+""+ ""+ ""+Web.util.Select.alice['alc-font-bgcolor'].gsub(/\{0\}/, seq).gsub(/\{1\}/, this.aliceId).gsub(/\{2\}/, Alice.color.picker(this.seqId))+""+ ""+Web.util.Select.alice['alc-font-forecolor'].gsub(/\{0\}/, seq).gsub(/\{1\}/, this.aliceId).gsub(/\{2\}/, Alice.color.picker(this.seqId))+""+ ""+ ""+ (this.aliceType == 'detail' || this.aliceType == 'normal' ? ""+ ""+ "" :"")+ ""+ (this.aliceType == 'detail' || this.aliceType == 'normal' ? (this.aliceType == 'detail'? ""+ ""+ "" :"")+ ""+ (this.aliceType == 'detail'? ""+ "" :"")+ ""+ "" :"")+ "
"; // define editor iframe var bo = "
"+ ""+ ""+ ""+ ""+ "
"; var fo = "
"; return ma+fu+bo+fo; }, pasteHtmlToAlice: function(value) { if (value != null) { var range = this.getAliceRange(); if (Web.isIE) { if (!this.focus) { var cw = this.getAliceContentWindow(); var type = cw.document.selection.type; cw.focus(); cw.document.selection.createRange().pasteHTML(value); } else { if (range) { var cw = this.getAliceContentWindow(); var type = cw.document.selection.type; range.select(); try { range.pasteHTML(value); } catch(e){} this.focusAlice(); } } } else { this.focusAlice(); if (range) { range.deleteContents(); range.insertNode(range.createContextualFragment(value)); } } } }, command: function(cmd, optn) { var cw = this.getAliceContentWindow(); if (Web.isIE) { var range = this.getAliceRange(); if ('Undo,Redo,SelectAll'.include(cmd)) { range = cw.document.selection.createRange(); range.select(); var type = cw.document.selection.type; var target = (type == "None" ? cw.document : range); target.execCommand(cmd, false, optn); } else { if (!this.focus) { var cw = this.getAliceContentWindow(); cw.focus(); cw.document.selection.createRange().execCommand(cmd, false, optn); } else { if (range) { range.select(); range.execCommand(cmd, false, optn); } } } } else { cw.document.execCommand(cmd, false, optn); } this.focusAlice(); }, paste: function(cmd, v) { if (cmd == 'Break') { this.pasteHtmlToAlice("
 
"); } else if (cmd == 'Line') { this.pasteHtmlToAlice("

"); } else if (cmd == 'Char' || cmd == 'Icon') { this.pasteHtmlToAlice(v); } }, appendFile: function(args) { this.file[args.physical] = {phsical:args.physical, full:args.full, logical:args.logical, size:args.size}; if (this.invoke) { eval(this.invoke+"('"+args.physical+"','"+args.logical+"', "+args.size+")"); } }, getPysicalFile: function() { var keys = this.file.keys(); return keys.toJSON(); }, getLogicalFile: function() { var keys = this.file.keys(); var ary = new Array; for (var i = 0; i < keys.length; i++) { ary.push(this.file[keys[i]].logical); } return ary.toJSON(); }, getFullPhsycalFile: function() { var keys = this.file.keys(); var ary = new Array; for (var i = 0; i < keys.length; i++) { ary.push(this.file[keys[i]].full); } return ary.toJSON(); }, initContextWindow: function() { var cw = this.getAliceContentWindow(); var rg = this.range; Web.yesno({title:'init edit',msg:'intialize editor', fnyes:function() { cw.document.body.innerHTML = ''; cw.focus(); }, fnno:function() { cw.focus(); if (rg) { rg.select(); } }}); }, extendContextWindow: function() { if (this.status == "MAX") { $("alc-box-"+this.seqId).style.zIndex = 0; $("alc-box-"+this.seqId).style.position = "relative"; Element.setStyle("alc-box-"+this.seqId, {width:this.aliceWidth,height:this.aliceHeight}); Element.setStyle(this.aliceId, {width:'100%', height:this.aliceHeight-53}); this.status = "NORMAL"; try { document.body.style.overflowY = 'scroll'; document.body.style.overflowX = 'auto'; } catch(e){}; } else if (this.status == "NORMAL") { $("alc-box-"+this.seqId).style.zIndex = 8080; $("alc-box-"+this.seqId).style.position = "absolute"; $("alc-box-"+this.seqId).style.top = "0"; $("alc-box-"+this.seqId).style.left = "0"; if (Web.isIE) { Element.setStyle("alc-box-"+this.seqId, {width:Web.util.Position.clientWidth(),height:Web.util.Position.clientHeight()}); Element.setStyle(this.aliceId,{height:Web.util.Position.clientHeight()-53}); } else { Element.setStyle("alc-box-"+this.seqId, {width:Web.util.Position.clientWidth()-18,height:Web.util.Position.clientHeight()-2}); Element.setStyle(this.aliceId,{height:Web.util.Position.clientHeight()-53}); } this.status = "MAX"; try { document.body.scrollTop = 0; document.body.scrollLeft = 0; document.body.style.overflowY = 'hidden'; document.body.style.overflowX = 'hidden'; } catch(e){}; } }, previewContextWindow: function() { if(this.preview != null) { this.preview.close(); } var w = (this.aliceWidth).toString(); w = Web.util.Position.pure(w); var windowprops="scrollbars=yes,left=50,top=50,width="+(parseInt(w)+18)+",height=650"; this.preview = window.open("about:blank", "_preview", windowprops); var cw = this.getAliceContentWindow(); var txt ="Preview"+ ""+ "
"+ "
"+ "
"+ "

"+ cw.document.body.innerHTML+ "
"; this.preview.document.open(); this.preview.document.write(txt); this.preview.document.close(); }, printContextWindow: function() { this.focusAlice(); window.print(); }, execute: function(cmd) { this.command(cmd); }, popupFontStyle: function() { this.fontDisplayHidden("alc-font-style-box-"); }, popupFontFamily: function() { this.fontDisplayHidden("alc-font-family-box-"); }, popupFontSize: function() { this.fontDisplayHidden("alc-font-size-box-"); }, popupBackgroundColor: function() { this.fontDisplayHidden("alc-font-bgcolor-box-"); }, popupForegroundColor: function() { this.fontDisplayHidden("alc-font-forecolor-box-"); }, fontDisplayHidden: function(id) { if (!id) { this.fontStyleHidden(); this.fontFamilyHidden(); this.fontSizeHidden(); this.fontBackColorHidden(); this.fontForeColorHidden(); } else { if ("alc-font-style-box-" != id) { this.fontStyleHidden(); } if ("alc-font-family-box-" != id) { this.fontFamilyHidden(); } if ("alc-font-size-box-" != id) { this.fontSizeHidden(); } if ("alc-font-bgcolor-box-" != id) { this.fontBackColorHidden(); } if ("alc-font-forecolor-box-" != id) { this.fontForeColorHidden(); } this.toggleDisplay(id+this.seqId); } }, fontStyleHidden: function() { $("alc-font-style-box-"+this.seqId).style.display = 'none'; }, fontFamilyHidden: function() { $("alc-font-family-box-"+this.seqId).style.display = 'none'; }, fontSizeHidden: function() { $("alc-font-size-box-"+this.seqId).style.display = 'none'; }, fontBackColorHidden: function() { $("alc-font-bgcolor-box-"+this.seqId).style.display = 'none'; }, fontForeColorHidden: function() { $("alc-font-forecolor-box-"+this.seqId).style.display = 'none'; }, toggleDisplay: function(id) { if ($(id).style.display == 'inline') { $(id).style.display = 'none'; } else { $(id).style.display = 'inline'; } }, encodeHtml: function(txt) { if (typeof(txt) != "string") { txt = txt.toString(); } txt = txt.replace( /&/g, "&").replace( /"/g, """).replace( //g, ">") ; return txt; }, popupImage: function() { this.popup = true; var txt = ""+ "
"+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
image
description

"+Web.util.Image.alice['alc-crud-upload']+"
"+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
너비미리보기
"+ ""+ "
높이
테두리
수평여백
수직여백
정렬"+ ""+ ""+ ""+ "
글과분리
"+ "
"+ "
"+ "
"+Web.util.Image.alice['alc-crud-apply']+""+ ""+Web.util.Image.alice['alc-crud-cancel']+""+ "
"+ ""; Web.popup({title:'Adjust Image',msg:txt,width:500,height:440}); Web.Form.setStyle("aliceForm"); }, popupFlash: function() { this.popup = true; var txt = ""+ "

플래쉬 설정

"+ "
"+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
  • 플래쉬

    • "+Web.util.Image.alice['alc-crud-upload']+"
    "+ ""+ ""+ ""+ ""+ "

    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
  • 너비
  • 높이
    • "+ "    		"+ "preview
    "+ "
    "+ "
    "+ "
    "+Web.util.Image.alice['alc-crud-apply']+""+ ""+Web.util.Image.alice['alc-crud-cancel']+""+ "
    "+ ""+ ""; Web.popup({title:'플래쉬 설정',msg:txt,width:500,height:350}); Web.Form.setStyle("aliceForm"); }, popupTable: function() { this.popup = true; var txt = ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
  • 가로줄
  • 너비
    		•
  • 세로줄
  • 높이
    		•  픽셀
  • 테두리 크기
  • 셀간격
  • 정렬
    		• "+ "
  • 셀여백
  • 테두리밝은색
  • 테두리어두우색
  • 캡션
  • 템플릿
    		• "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    "+ "
    "+ "
    "+ "
    "+Web.util.Image.alice['alc-crud-apply']+""+ ""+Web.util.Image.alice['alc-crud-cancel']+""+ "
    "; Web.popup({title:'테이블 설정',msg:txt,width:570,height:400}); Web.Form.setStyle("aliceForm"); }, popupField: function() { this.popup = true; var txt = ""+ "

    필드셋 설정

    "+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
  • 너비
    		•
  • 높이
    		• 픽셀
  • 정렬
    		• "+ "
  • 글자색
  • 왼쪽여백
  • 위쪽여백
    		•  픽셀
  • 오른쪽여백
  • 아래쪽여백
  • 배경색
  • 테두리
  • 테두리색
  • 테두리스타일
    		• 선 점선 없음
  • 제목
  • 템플릿
    		• "+ ""+ ""+ ""+ ""+ "

    필드셋

    필드셋
    "+ "

    필드셋
    "+ "

    필드셋
    "+ "

    필드셋
    "+ "

    필드셋
    "+ "

    필드셋
    "+ "

    필드셋
    "+ "
    "+ "
    "+ "
    "+ "
    "+Web.util.Image.alice['alc-crud-apply']+""+ ""+Web.util.Image.alice['alc-crud-cancel']+""+ "
    "; Web.popup({title:'필드셋 설정',msg:txt,width:600,height:340}); Web.Form.setStyle("aliceForm"); }, popupUrlImage: function() { this.popup = true; var txt = ""+ "

    Define Image Link

    "+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
  • image
  • descript image

    • "+Web.util.Image.alice['alc-crud-select']+"
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
  • 너비
    		• preview
    "+ ""+ //"자로 고용한 것으로 드러났다."+ "
  • height
  • border
  • horizontal margin
  • vertical margin
  • 정렬
    		• "+ ""+ ""+ "
    "+ "
  • seperate text
    • "+ "
    "+ "
    "+Web.util.Image.alice['alc-crud-apply']+""+ ""+Web.util.Image.alice['alc-crud-cancel']+""+ "
    "; Web.popup({title:'이미지 링크 설정',msg:txt,width:500,height:380}); Web.Form.setStyle("aliceForm"); }, popupIcon: function() { this.popup = true; var image = Alice.config.imageroot; var txt = ""+ "

    아이콘 삽입

    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ "
    "+ "
    "+Web.util.Image.alice['alc-crud-cancel']+""+ "
    "; Web.popup({title:'아이콘 삽입',msg:txt,width:250,height:280}); }, popupSpecialChar: function() { this.popup = true; var txt = ""+ "

    특수문자 삽입

    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "

    "+ "
    "+Web.util.Image.alice['alc-crud-cancel']+""+ "
    "; Web.popup({title:'특수문자 삽입',msg:txt,width:460,height:600}); }, popupCreateLink: function() { this.popup = true; var txt = ""+ "

    텍스트 링크 설정

    "+ "
    "+ ""+ ""+ ""+ ""+ ""+ ""+ ""+ "
  • 링크
  • 텍스트
    • "+ "
    "+ "
    "+Web.util.Image.alice['alc-crud-apply']+""+ ""+Web.util.Image.alice['alc-crud-cancel']+""+ "
    "; Web.popup({title:'text link setting',msg:txt,width:500,height:150}); Web.Form.setStyle("aliceForm"); } }; })(); Alice.image = { filename:'', filesize:0, upload: function() { if (!$("alc-image-upload").present()) { Web.alert({title:'Alert',msg:'Please select uplod image'}); return; } var fnm = $("alc-image-upload").value; fnm = fnm.substring(fnm.lastIndexOf('\\')+1); for (var i = 0; i < fnm.length; i++) { if ("!@#$%^&*,;:'\"?=".indexOf(fnm.substring(i, i + 1)) > -1) { alert('파일명에 특수문자가 들어가면 안됩니다'); return; } } if (!Web.Form.validateFile("alc-image-upload", "gif", "jpg", "png", "jpeg")) { Web.alert({title:'Alert',msg:'GIF,JPG,PNG,JPEG 파일만 업로가 가능합니다'}); return; } this.loading(true); $("aliceForm").submit(); }, preview: function(args) { this.loading(false); $("alc-image-preview").style.display = ''; $("alc-image-preview").src = (Alice.config.uploadroot.empty()? args.upload : Alice.config.uploadroot)+"/"+args.filename.substring(0,8)+"/"+args.filename; $("alc-image-width").value = ""; $("alc-image-height").value = ""; $("alc-image-border").value = ""; $("alc-image-hspace").value = ""; $("alc-image-vspace").value = ""; $("alc-image-order").selectedIndex = 0; $("alc-is-upload").value = "Y"; $("alc-image-break").checked = false; this.filename = args.filename; this.filesize = args.filesize; }, transformGray: function() { if ($("alc-image-black").checked) { $("alc-image-preview").filters[0].Enabled = true; } else { $("alc-image-preview").filters[0].Enabled = false; } }, transformXray: function() { if ($("alc-image-xray").checked) { $("alc-image-preview").filters[1].Enabled = true; } else { $("alc-image-preview").filters[1].Enabled = false; } }, transformFliph: function() { if ($("alc-image-fliph").checked) { $("alc-image-preview").filters[2].Enabled = true; } else { $("alc-image-preview").filters[2].Enabled = false; } }, transformFlipv: function() { if ($("alc-image-flipv").checked) { $("alc-image-preview").filters[3].Enabled = true; } else { $("alc-image-preview").filters[3].Enabled = false; } }, transformBlur: function() { if ($("alc-image-blur").checked) { $("alc-image-preview").filters[4].Enabled = true; } else { $("alc-image-preview").filters[4].Enabled = false; } }, transformInvert: function() { if ($("alc-image-invert").checked) { $("alc-image-preview").filters[5].Enabled = true; } else { $("alc-image-preview").filters[5].Enabled = false; } }, keyupWidth: function() { if ($("alc-image-width").present() && Web.Form.validateNum("alc-image-width")) { Element.setStyle("alc-image-preview", {width:($("alc-image-width").value.include('px')? $("alc-image-width").value:$("alc-image-width").value+'px')}); } }, keyupHeight: function() { if ($("alc-image-height").present() && Web.Form.validateNum("alc-image-height")) { Element.setStyle("alc-image-preview", {height:($("alc-image-height").value.include('px')? $("alc-image-height").value:$("alc-image-height").value+'px')}); } }, keyupBorder: function() { if ($("alc-image-border").present() && Web.Form.validateNum("alc-image-border")) { $("alc-image-preview").border = $("alc-image-border").value; } }, keyupHspace: function() { if ($("alc-image-hspace").present() && Web.Form.validateNum("alc-image-hspace")) { $("alc-image-preview").hspace = $("alc-image-hspace").value; } }, keyupVspace: function() { if ($("alc-image-vspace").present() && Web.Form.validateNum("alc-image-vspace")) { $("alc-image-preview").vspace = $("alc-image-vspace").value; } }, changeOrder: function() { $("alc-image-preview").align = $("alc-image-order").value; }, removeClear: function() { var c = $("alc-image-preview-text").innerHTML; var v1 = c.indexOf('clear=all'); if (v1 > -1) { var v2 = c.substring(0, v1-4); var v3 = c.substring(v1+10, c.length); $("alc-image-preview-text").update(v2+v3); } }, insertBreak: function() { if ($("alc-is-upload").value == "Y") { if ($("alc-image-break").checked) { var c = $("alc-image-preview-text").innerHTML; var v1 = c.indexOf('>'); var v2 = c.substring(0, v1+1); var v3 = c.substring(v1+1, c.length); $("alc-image-preview-text").update(v2+"
    "+v3); } else { this.removeClear(); } } }, apply: function(id) { if (!$("alc-image-upload").present() || $("alc-is-upload").value != "Y") { Web.alert({title:'Alert',msg:'이미지를 선택후 업로드 버튼을 클릭하세요'}); return; } var sc = $("alc-image-preview").src; var img = " 0 ? " align="+$("alc-image-order").value : "")+ " />"+ ($("alc-image-break").checked ? "
    ":""); var sp = $("alc-image-upload").value.split("\\"); var fn = sp[sp.length-1]; if (sc.include('http://'+Web.Location.domain())) { sc = sc.gsub('http://'+Web.Location.domain(), ''); } var el = Web.EditorManager.get(id); el.popupHide(); el.pasteHtmlToAlice(img); el.appendFile({physical:this.filename, full:sc, logical:fn, size:this.filesize}); }, loading: function(bu) { if (bu) { $("alc-image-uploadbtn").style.display = 'none'; $("alc-image-loading").style.display = ''; } else { $("alc-image-uploadbtn").style.display = ''; $("alc-image-loading").style.display = 'none'; } } }; Alice.urlimage = { change: function() { if ($("alc-urlimage-link").present()) { $("alc-urlimage-preview").style.display = ''; $("alc-urlimage-preview").src = $("alc-urlimage-link").value; $("alc-urlimage-width").value = ""; $("alc-urlimage-height").value = ""; $("alc-urlimage-border").value = ""; $("alc-urlimage-hspace").value = ""; $("alc-urlimage-vspace").value = ""; $("alc-urlimage-order").selectedIndex = 0; $("alc-urlimage-break").checked = false; $("alc-is-createlink").value = "Y"; } else { Web.alert({title:'경고',msg:'이미지 주소를 입력하세요',focus:"alc-urlimage-link"}); } }, keyupWidth: function() { if ($("alc-urlimage-width").present() && Web.Form.validateNum("alc-urlimage-width")) { Element.setStyle("alc-urlimage-preview", {width:$("alc-urlimage-width").value+'px'}); } }, keyupHeight: function() { if ($("alc-urlimage-height").present() && Web.Form.validateNum("alc-urlimage-height")) { Element.setStyle("alc-urlimage-preview", {height:$("alc-urlimage-height").value+'px'}); } }, keyupBorder: function() { if ($("alc-urlimage-border").present() && Web.Form.validateNum("alc-urlimage-border")) { $("alc-urlimage-preview").border = $("alc-urlimage-border").value; } }, keyupHspace: function() { if ($("alc-urlimage-hspace").present() && Web.Form.validateNum("alc-urlimage-hspace")) { $("alc-urlimage-preview").hspace = $("alc-urlimage-hspace").value; } }, keyupVspace: function() { if ($("alc-urlimage-vspace").present() && Web.Form.validateNum("alc-urlimage-vspace")) { $("alc-urlimage-preview").vspace = $("alc-urlimage-vspace").value; } }, changeOrder: function() { $("alc-urlimage-preview").align = $("alc-urlimage-order").value; }, removeClear: function() { var c = $("alc-urlimage-preview-text").innerHTML; var v1 = c.indexOf('clear=all'); if (v1 > -1) { var v2 = c.substring(0, v1-4); var v3 = c.substring(v1+10, c.length); $("alc-urlimage-preview-text").update(v2+v3); } }, insertBreak: function() { if ($("alc-is-createlink").value == "Y") { if ($("alc-urlimage-break").checked) { var c = $("alc-urlimage-preview-text").innerHTML; var v1 = c.indexOf('>'); var v2 = c.substring(0, v1+1); var v3 = c.substring(v1+1, c.length); $("alc-urlimage-preview-text").update(v2+"
    "+v3); } else { this.removeClear(); } } }, apply: function(id) { if ($("alc-is-createlink").value != "Y") { Web.alert({title:'경고',msg:'이미지 주소를 입력 후 업로드 버튼을 클릭하세요',focus:"alc-urlimage-link"}); return; } var img = "0? "align="+$("alc-urlimage-order").value:"")+" "+ ($("alc-urlimage-alt").present()? "alt="+$("alc-urlimage-alt").value.gsub(/"/,''):"")+ ">"+ ($("alc-urlimage-order").checked ? "
    ":""); var el = Web.EditorManager.get(id); el.popupHide(); el.pasteHtmlToAlice(img); } }; Alice.flash = { src:'', width:'', height:'', filename:'', filesize:0, upload: function() { if (!$("alc-flash-upload").present()) { Web.alert({title:'경고',msg:'업로드할 플래쉬를 선택하세요'}); return; } var fnm = $("alc-flash-upload").value; fnm = fnm.substring(fnm.lastIndexOf('\\')+1); for (var i = 0; i < fnm.length; i++) { if ("!@#$%^&*,;:'\"?=".indexOf(fnm.substring(i, i + 1)) > -1) { alert('파일명에 특수문자가 들어가면 안됩니다'); return; } } if (!Web.Form.validateFile("alc-flash-upload", "swf")) { Web.alert({title:'경고',msg:'SWF 파일만 업로드해주세요'}); return; } this.loading(true); $("aliceForm").submit(); }, preview: function(args) { this.width = ''; this.height = ''; this.src = (Alice.config.uploadroot.empty()? args.upload : Alice.config.uploadroot)+"/"+args.filename.substring(0,8)+"/"+args.filename; this.loading(false); $("alc-flash-preview").update(this.get({})); $("alc-is-upload").value = "Y"; this.filename = args.filename; this.filesize = args.filesize; }, keyupWidth: function() { $("alc-flash-preview").update(this.get({fwidth:$("alc-flash-width").value, fheight:this.height})); this.width = $("alc-flash-width").value; }, keyupHeight: function() { $("alc-flash-preview").update(this.get({fwidth:this.width,fheight:$("alc-flash-height").value})); this.height = $("alc-flash-height").value; }, get: function(args) { return ""+ " "+ " "+ " "+ ""; }, apply: function(id) { if (!$("alc-flash-upload").present() || $("alc-is-upload").value != "Y") { Web.alert({title:'경고',msg:'플래쉬를 선택후 업로드 버튼을 클릭하세요'}); return; } var sp = $("alc-flash-upload").value.split("\\"); var fn = sp[sp.length-1]; var sc = this.src; if (sc.include('http://'+Web.Location.domain())) { sc = sc.gsub('http://'+Web.Location.domain(), ''); } var el = Web.EditorManager.get(id); el.popupHide(); el.pasteHtmlToAlice(this.get({fwidth:this.width, fheight:this.height})); el.appendFile({physical:this.filename, full:sc, logical:fn, size:this.filesize}); }, loading: function(bu) { if (bu) { $("alc-flash-uploadbtn").style.display = 'none'; $("alc-flash-loading").style.display = ''; } else { $("alc-flash-uploadbtn").style.display = ''; $("alc-flash-loading").style.display = 'none'; } } }; Alice.table = { trow:'', tcol:'', tsize:'', twidth:'', theight:'', tborder:'', tspacing:'', tpadding:'', talign:'', tlight:'', tdark:'', tcap:'', tbody:'', srcElement:null, initialize: function() { this.trow = !$("trow").present()? 1:$("trow").value; this.tcol = !$("tcol").present()? 1:$("tcol").value; this.tsize = $("tsize").value; this.twidth = !$("twidth").present()? '':($("tsize").value == 'picxel' ? 'width='+$("twidth").value:'width='+$("twidth").value+'%'); this.theight = !$("theight").present()? '':'height='+$("theight").value; this.tborder = !$("tborder").present()? '':'border='+$("tborder").value; this.tspacing =! $("tspacing").present()? '':'cellspacing='+$("tspacing").value; this.tpadding = !$("tpadding").present()? '':'cellpadding='+$("tpadding").value; this.talign = $("talign").value == 'no'? '':'align='+$("talign").value; this.tlight = !$("tlight").present()? '':'bordercolorlight='+$("tlight").value; this.tdark = !$("tdark").present()? '':'bordercolordark='+$("tdark").value; this.tcap = !$("tcap").present()? '':''+$("tcap").value+''; this.rwidth = !$("twidth").present()? 400:($("tsize").value == 'picxel' ? parseInt($("twidth").value):600); this.rheight = !$("theight").present()? 100:parseInt($("theight").value); }, template: function(id,tl,td,tb,dj,dh) { this.initialize(); this.tlight = tl? 'bordercolorlight='+tl:''; this.tdark = td? 'bordercolordark='+td:''; this.tspacing = 'cellspacing=0'; this.tpadding = 'cellpadding=0'; tb = tb? 'bgcolor='+tb:''; dj = dj? 'bgcolor='+dj:''; dh = dh? 'bgcolor='+dh:''; var body = ''; var seq = 1; var eheight = parseInt(this.rheight)/parseInt(this.trow); var ewidth = parseInt(this.rwidth)/parseInt(this.tcol); for (var i = 0; i < this.trow; i++) { if (i == 0) { body += ''; } else { if (seq % 2 == 0) body += ''; else body += ''; seq++; } for (var k = 0; k < this.tcol; k++) { body += ' '; } body += ''; } this.tbody = body; this.apply(id); }, auto: function(id) { this.initialize(); var eheight = parseInt(this.rheight)/parseInt(this.trow); var ewidth = parseInt(this.rwidth)/parseInt(this.tcol); var body = ''; for (var i = 0; i < this.trow; i++) { body += ''; for (var k = 0; k < this.tcol; k++) { body += ' '; } body += ''; } this.tbody = body; this.apply(id); }, getMaxCellLength: function(id,t) { var max = 0; var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); for (var i = 0; i < tab.rows.length; i++) { var row = tab.rows[i]; if (max < row.cells.length) { max = row.cells.length; } } } return max; }, getRowIndex: function(id,t) { var r = 0; var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); for (var i = 0; i < tab.rows.length; i++) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { var cell = row.cells[j]; if (cell == this.srcElement) { r = i; break; } } } } return r; }, getCellIndex: function(id,t) { var c = 0; var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); for (var i = 0; i < tab.rows.length; i++) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { var cell = row.cells[j]; if (cell == this.srcElement) { c = j; break; } } } } return c; }, appendRowBefore: function(id,t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var r = this.getRowIndex(id,t); this.appendRow(id,t,r); } }, appendRowAfter: function(id,t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var r = this.getRowIndex(id,t); this.appendRow(id,t,r+1); } }, appendRow: function(id, t, v) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); if (tab.rows.length <= v) { v = -1; } var rm = this.getMaxCellLength(id,t); var r = tab.insertRow(v); for (var i = 0; i < rm; i++) { r.insertCell().innerHTML = " "; } } Web.EditorManager.pullAllPop(); }, removeRow: function(id, t, v) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var v1 = v == undefined? this.getRowIndex(id,t):v; if (tab.rows.length > 1 && tab.rows.length > v1) { tab.deleteRow(v1); } else { Web.alert({title:'경고',msg:'삭제할 수 있는 범위가 아닙니다'}); } } Web.EditorManager.pullAllPop(); }, appendColBefore: function(id, t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var c = this.getCellIndex(id,t); this.appendCell(id,t,c); } }, appendColAfter: function(id, t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var c = this.getCellIndex(id,t); this.appendCell(id,t,c+1); } }, appendCell: function(id, t, v) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var r = this.getRowIndex(id,t); if (tab.rows(r).cells.length <= v) { v = -1; } for (var i = 0; i < tab.rows.length; i++) { tab.rows[i].insertCell(v).innerHTML = " "; } } Web.EditorManager.pullAllPop(); }, removeCol: function(id, t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var v = this.getCellIndex(id,t); var r = this.getRowIndex(id,t); if (tab.rows(r).cells.length > 1 && tab.rows(r).cells.length > v) { for (var i = 0; i < tab.rows.length; i++) { tab.rows[i].deleteCell(v); } } else { Web.alert({title:'경고',msg:'삭제할 수 있는 범위가 아닙니다'}); } } Web.EditorManager.pullAllPop(); }, mergeLeft : function(id,t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var c = this.getCellIndex(id,t); var r = this.getRowIndex(id,t); c--; if (c > -1) { var cells = new Hash; for (var i = 0; i < tab.rows.length; i++) { if (i == r) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { var cell = row.cells[j]; cells[j] = {txt:cell.innerHTML,colSpan:cell.colSpan,rowSpan:cell.rowSpan}; } } } var cl = tab.rows(r).cells.length; this.removeRow(id,t,r); var row = tab.insertRow(r); for (var i = 0; i < cl; i++) { var cell = row.insertCell(); if (c == i) { cell.colSpan = (parseInt(cells[i].colSpan)+ parseInt(cells[i+1].colSpan)).toString(); cell.rowSpan = cells[i].rowSpan; cell.innerHTML = cells[i].txt; cell.style.textAlign = "center"; i++; } else { cell.colSpan = cells[i].colSpan; cell.rowSpan = cells[i].rowSpan; cell.innerHTML = cells[i].txt; } } } } Web.EditorManager.pullAllPop(); }, mergeRight: function(id,t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var c = this.getCellIndex(id,t); var r = this.getRowIndex(id,t); var cl = tab.rows(r).cells.length; if (c < cl-1) { var cells = new Hash; for (var i = 0; i < tab.rows.length; i++) { if (i == r) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { var cell = row.cells[j]; cells[j] = {txt:cell.innerHTML,colSpan:cell.colSpan,rowSpan:cell.rowSpan}; } } } var cl = tab.rows(r).cells.length; this.removeRow(id,t,r); var row = tab.insertRow(r); for (var i = 0; i < cl; i++) { var cell = row.insertCell(); if (c ==i) { cell.colSpan = (parseInt(cells[i].colSpan)+ parseInt(cells[i+1].colSpan)).toString(); cell.rowSpan = cells[i].rowSpan; cell.innerHTML = cells[i+1].txt; cell.style.textAlign = "center"; i++; } else { cell.colSpan = cells[i].colSpan; cell.rowSpan = cells[i].rowSpan; cell.innerHTML = cells[i].txt; } } } } Web.EditorManager.pullAllPop(); }, mergeDown: function(id,t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var c = this.getCellIndex(id,t); var r = this.getRowIndex(id,t); if (r < tab.rows.length) { var rw = 0; for (var i = 0; i < tab.rows.length; i++) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { var cell = row.cells[j]; if (i == r && j == c) { rw = parseInt(cell.rowSpan); } } } var upCells = new Hash; var dwCells = new Hash; for (var i = 0; i < tab.rows.length; i++) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { var cell = row.cells[j]; if (i == r) { upCells[j] = {txt:cell.innerHTML,colSpan:cell.colSpan,rowSpan:cell.rowSpan,rno:cell.getAttribute('rno')||0}; } else if (i == (r+rw)) { dwCells[j] = {txt:cell.innerHTML,colSpan:cell.colSpan,rowSpan:cell.rowSpan,rno:cell.getAttribute('rno')||0}; } } } var cl1 = upCells.size(); var cl2 = dwCells.size(); var c2 = 0; this.removeRow(id,t,r); var row = tab.insertRow(r); var rc = 0; for (var i = 0; i < cl1; i++) { var cell = row.insertCell(); if (c == i) { c2 = i-rc+upCells[i].rno; cell.colSpan = upCells[i].colSpan; cell.rowSpan = (parseInt(upCells[i].rowSpan)+parseInt(dwCells[c2]? dwCells[c2].rowSpan:0)).toString(); cell.innerHTML = upCells[i].txt; } else { cell.colSpan = upCells[i].colSpan; cell.rowSpan = upCells[i].rowSpan; cell.innerHTML = upCells[i].txt; } if (parseInt(upCells[i].rowSpan) > 1) { rc++; } cell.setAttribute('rno', upCells[i].rno); } this.removeRow(id,t,r+rw); row = tab.insertRow(r+rw); for (var i = 0; i < cl2; i++) { if ((c2) ==i) { continue; } else { var cell = row.insertCell(); cell.colSpan = dwCells[i].colSpan; cell.rowSpan = dwCells[i].rowSpan; cell.innerHTML = dwCells[i].txt; if (i > c2) { cell.setAttribute('rno', dwCells[i].rno+1); } else { cell.setAttribute('rno', dwCells[i].rno); } } } } } Web.EditorManager.pullAllPop(); }, colorRow: function(id,t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var r = this.getRowIndex(id,t); for (var i = 0; i < tab.rows.length; i++) { if (i == r) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { row.cells[j].style.backgroundColor = Alice.color.selectedColor; } } } this.coloring = true; } Web.EditorManager.pullAllPop(); }, colorCol: function(id,t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var c = this.getCellIndex(id,t); for (var i = 0; i < tab.rows.length; i++) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { if (c == j) { row.cells[j].style.backgroundColor = Alice.color.selectedColor; } } } this.coloring = true; } Web.EditorManager.pullAllPop(); }, colorCell: function(id,t) { var el = Web.EditorManager.get(id); if (el) { var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var c = this.getCellIndex(id,t); var r = this.getRowIndex(id,t); for (var i = 0; i < tab.rows.length; i++) { if (r == i) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { if (c == j) { row.cells[j].style.backgroundColor = Alice.color.selectedColor; } } } } this.coloring = true; } Web.EditorManager.pullAllPop(); }, heightRow: function(id,t,add) { var el = Web.EditorManager.get(id); if (el) { var nhei = 0; var padd = 0; var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var r = this.getRowIndex(id,t); for (var i = 0; i < tab.rows.length; i++) { if (i == r) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { nhei = row.cells[j].height; } } } if (nhei == '') return; nhei = parseInt(nhei); if (nhei > add) padd = (nhei - add)*-1; else padd = add - nhei; if (tab.height == '') return; tab.height = parseInt(tab.height) + padd; for (var i = 0; i < tab.rows.length; i++) { if (i == r) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { row.cells[j].height = add; } } } } Web.EditorManager.pullAllPop(); }, widthCol: function(id,t,add) { var el = Web.EditorManager.get(id); if (el) { var nwid = 0; var padd = 0; var cw = el.getAliceContentWindow(); var tab = cw.document.getElementById(t); var c = this.getCellIndex(id,t); for (var i = 0; i < tab.rows.length; i++) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { if (c == j) { nwid = row.cells[j].width; } } } if (nwid == '') return; nwid = parseInt(nwid); if (nwid > add) padd = (nwid - add)*-1; else padd = add - nwid; if (tab.width == '') return; tab.width = parseInt(tab.width) + padd; for (var i = 0; i < tab.rows.length; i++) { var row = tab.rows[i]; for (var j = 0; j < row.cells.length; j++) { if (c == j) { row.cells[j].width = add; } } } } Web.EditorManager.pullAllPop(); }, rapWidthCol: function(id,t) { if (!Web.Form.validateValue('unc-tab-wid-conf')) return; if (!Web.Form.validateNum('unc-tab-wid-conf')) return; Alice.table.widthCol(id,t,$('unc-tab-wid-conf').value); }, rapHeightCol: function(id,t) { if (!Web.Form.validateValue('unc-tab-hei-conf')) return; if (!Web.Form.validateNum('unc-tab-hei-conf')) return; Alice.table.heightRow(id,t,$('unc-tab-hei-conf').value); }, apply: function(id) { var txt = ''+ this.tcap+ ''+ this.tbody+ ''+ '
    '; var el = Web.EditorManager.get(id); el.popupHide(); el.pasteHtmlToAlice(txt); } }; Alice.fieldset = { fpleft:'', fpright:'', fptop:'', fpbottom:'', fbgcolor:'', fwidth:'', fheight:'', fsize:'', fborder:'', fbordercolor:'', fborderstyle:'', fborderstr:'', falign:'', ftitle:'', fcolor:'', initialize: function() { this.fpright = !$("fpright").present()? 0:$("fpright").value; this.fpleft = !$("fpleft").present()? 0:$("fpleft").value; this.fpbottom = !$("fpbottom").present()? 0:$("fpbottom").value; this.fptop = !$("fptop").present()? 0:$("fptop").value; this.fbgcolor = !$("fbgcolor").present()? '':'background-color:'+$("fbgcolor").value+';'; this.fsize = !$("fsize").value == 'picxel'? 'px':'%'; this.fwidth = !$("fwidth").present()? '':'width:'+$("fwidth").value+this.fsize+';'; this.fheight = !$("fheight").present()? '':'height:'+$("fheight").value+'px;'; this.fbordercolor = !$("fbordercolor").present()? '':$("fbordercolor").value; var nm = $n("fborderstyle"); for (var i = 0; i < nm.length; i++) { if (nm[i].checked) { this.fborderstyle = nm[i].value; break; } } this.fborder = !$("fborder").present()? '':$("fborder").value; this.fborderstr = (this.fborderstyle == 'none')? 'border:none;':'border:'+this.fborder+'px '+this.fbordercolor+' '+this.fborderstyle+';'; this.falign = $("falign").value == 'no'? '':'align='+$("falign").value; this.ftitle = !$("ftitle").present()? '':''+$("ftitle").value+''; this.fcolor = !$("fcolor").present()? '':'color:'+$("fcolor").value+';'; }, template: function(id,fb,fs,fsc,fc) { this.initialize(); this.fbgcolor = !fb.present()? '':'background-color:'+fb+';'; fsc = fsc? fsc:'#999999'; this.fcolor = fc? 'color:'+fc+';':''; this.fborderstr = fs == 'none'? 'border:none;':'border:1px '+fsc+' '+fs+';'; this.apply(id); }, auto: function(id) { this.initialize(); this.apply(id); }, apply: function(id) { var txt = '
    '+ this.ftitle+ " "+ '
    '; var el = Web.EditorManager.get(id); el.popupHide(); el.pasteHtmlToAlice(txt); } }; Alice.font = { setSize: function(id,sz) { var el = Web.EditorManager.get(id); el.fontSizeHidden(); el.command('FontSize',sz); }, setFamily: function(id,fn) { var el = Web.EditorManager.get(id); el.fontFamilyHidden(); el.command('FontName',fn); }, setStyle: function(id,st) { var el = Web.EditorManager.get(id); el.fontStyleHidden(); el.command('FormatBlock',st); }, setStylePlus: function(id,st) { if (st == 'STYLE01') { var el = Web.EditorManager.get(id); el.fontStyleHidden(); el.command('Bold'); el.command('ForeColor','#FF0000'); //el.command('FontName', 'Impact'); el.command('FontSize', '4'); } else if (st == 'STYLE02') { var el = Web.EditorManager.get(id); el.fontStyleHidden(); el.command('Bold'); el.command('ForeColor','#0000FF'); //el.command('FontName', 'Impact'); el.command('FontSize', '4'); } else if (st == 'STYLE03') { var el = Web.EditorManager.get(id); el.fontStyleHidden(); el.command('Bold'); el.command('ForeColor','#000000'); //el.command('FontName', 'Impact'); el.command('FontSize', '4'); el.command('Underline'); } else if (st == 'STYLE04') { var el = Web.EditorManager.get(id); el.fontStyleHidden(); el.command('BackColor','#FFFF00'); } else if (st == 'STYLE05') { var el = Web.EditorManager.get(id); el.fontStyleHidden(); el.command('BackColor','#00FF00'); } } }; Alice.link = { apply: function(id) { if (!$("alc-link-url").present() || !$("alc-link-text").present()) { Web.alert({title:'경고',msg:'링크를 만들 주소와 텍스트를 입력하세요',focus:"alc-link-url"}); return; } var txt = ""+$("alc-link-text").value.gsub(/"/,'')+""; var el = Web.EditorManager.get(id); el.popupHide(); el.pasteHtmlToAlice(txt); } }; Alice.color = { hash: new Hash, seed:0, selectedColor:'#000000', apply: function(id, cmd) { var el = Web.EditorManager.get(id); el.fontBackColorHidden(); el.fontForeColorHidden(); if (this.selectedColor == '000000') { this.selectedColor = '000001'; } el.command(cmd,this.selectedColor); }, picker: function(seq) { this.seed++; var txt = "
    "; for(var k=0x00; k<0x100; k+=0x33) { for(var j=0x00; j<0x80; j+=0x33) { for(var i=0x00; i<0x100; i+=0x33) { n=""+(k.toString(16)==0?'00':k.toString(16))+ (j.toString(16)==0?'00':j.toString(16))+ (i.toString(16)==0?'00':i.toString(16)); txt += "
    "; } } txt += ""; } for(var k=0x00; k<0x100; k+=0x33) { for(var j=0x99; j<0x100; j+=0x33) { for(var i=0x00; i<0x100; i+=0x33) { n=""+(k.toString(16)==0?'00':k.toString(16))+ (j.toString(16)==0?'00':j.toString(16))+ (i.toString(16)==0?'00':i.toString(16)); txt += "
    "; } } txt += ""; } txt += "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "+ "
    "; return txt; }, pick: function(c,s,n) { $("w-picker-space-"+s+"-"+n).style.background="#"+c; $("w-picker-space-"+s+"-"+n).innerHTML="#"+c+""; this.selectedColor = c; }, viewPicker: function(id) { if ($(id)) { this.hiddenAllPicker(id); $(id).update(this.getPicker(id)); } }, togglePicker: function(id) { if ($(id)) { if ($(id).style.display == 'none') { $(id).style.display = ''; this.viewPicker(id); } else { this.hiddenPicker(id); $(id).style.display = 'none'; } } }, hiddenPicker: function(id, nid) { if ($(id)) { $(id).update(''); if (id != nid) { $(id).style.display = 'none'; } } }, hiddenAllPicker: function(id) { var keys = this.hash.keys(); for (var i = 0; i < keys.length; i++) { this.hiddenPicker(keys[i], id); } }, getPicker: function(id) { var p = null; if (this.hash[id]) { p = this.hash[id]; } else { p = this.picker(id); this.hash[id] = p; } return p; } }; Alice.char = { over: function(obj) { obj.className = "alc-bttns-char-o"; $("alc-char-preivew").value = obj.value; }, out: function(obj) { obj.className = "alc-bttns-char"; }, apply: function(id, v) { var el = Web.EditorManager.get(id); el.paste('Char', v); el.popupHide(); } }; Alice.icon = { apply: function(id, v) { var el = Web.EditorManager.get(id); el.paste('Icon', ''); el.popupHide(); } }; (function() { Object.extend(Web.util.Image, { alice: { 'alc-crud-upload':'', 'alc-crud-apply':'', 'alc-crud-cancel':'', 'alc-crud-select':'', 'alc-crud-loading':'', 'alc-etc-up':'', 'alc-etc-down':'' } }); Object.extend(Web.util.Select, { alice: { 'alc-font-style':'
    '+ '
    '+ '
    RED TITLE
    '+ '
    BLUE TITLE
    '+ '
    BLACK TITLE
    '+ '
    Marker Yellow
    '+ '
    Marker Green
    '+ '
    Normal<P>
    '+ '
    Normal<DIV>
    '+ '
    Formated<PRE>
    '+ '
    Address
    '+ '
    DD
    '+ '
    Heading 6
    '+ '
    Heading 5
    '+ '

    Heading 4

    '+ '

    Heading 3

    '+ '

    Heading 2

    '+ '

    Heading 1

    '+ '
    ', 'alc-font-family':'
    '+ '
    '+ '
    굴림
    '+ '
    궁서
    '+ '
    돋움
    '+ '
    바탕
    '+ '
    Arial
    '+ '
    Arial Black
    '+ '
    Comic Sans MS
    '+ '
    Courier New
    '+ '
    Impact
    '+ '
    Tahoma
    '+ '
    Times New Roman
    '+ '
    Verdana
    '+ '
    Webdings
    '+ '
    Wingdings
    '+ '
    ', 'alc-font-size':'
    '+ '
    '+ '
    Size 1
    '+ '
    Size 2
    '+ '
    Size 3
    '+ '
    Size 4
    '+ '
    Size 5
    '+ '
    Size 6
    '+ '
    Size 7
    '+ '
    ', 'alc-font-bgcolor':'
    '+ '
    {2}
    ', 'alc-font-forecolor':'
    '+ '
    {2}
    ' } }); })();