네티즌칼럼

Total article 1138 : (27 searched) 1 page / total 2 page

[1138]

일반 (407)

블록 (85)

코딩 (27)

Subject :

[코딩] WYSIWYG 에디터에 툴바레이어 특수문자 클릭해 삽입하기 소스 간단 정리...

(Homepage) \| Point : 73200 \| 2014-10-26 14:52:28 \| Read : 4,902 \| Vote : 157

아래 소스를 복사해 html 파일로 만들면 완전하게 동작합니다. 함 살펴보시고 익스플로어11에 맞게 소스를 변경해 보시기 바랍니다. 핵심적인 부분은 get_selection() 함수에서 주석 처리한 부분입니다. 주석을 제거하면 1번 버튼이 동작합니다. 그럼 행운이 있길... 저도 문제점을 찾아보겠습니다. 
 
모바일에서 소스가 잘 안보이시는 분은 다음 링크를 클릭하세요. <a href=http://bit.ly/1QdP5PR target=_blank>http://bit.ly/1QdP5PR</a> 
 
[완전체 소스] 
<pre class="brush: js; first-line: 1" title="완전체 소스">
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;
&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt; 위지윅 에디터에서 툴바레이어 클릭 관련 익스플로어11 호환성 맞추기 초간단 정리 소스 &lt;/TITLE&gt;
&lt;script language="JavaScript"&gt;
var DocReadyState = false;
var DocReloadInterval = null;
var memoiE = null;
var memoiW = null;
var memoE = null;
var close_id = null;
var default_source = "&lt;HEAD&gt;&lt;STYLE&gt; body,td,div { font-family:굴림; font-size:10pt; color:#444444; line-height:140%; scrollbar-arrow-color: #CCCCCC; scrollbar-track-color: #EEEEEE; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #CCCCCC; scrollbar-face-color:#FFFFFF; scrollbar-3dlight-color: #CCCCCC; scrollbar-darkshadow-color: #FFFFFF; margin-top:2px; margin-bottom:0px; margin-left:1px; margin-right:1px; } body { background-color:#FFFFFF; }&lt;/STYLE&gt;&lt;/HEAD&gt;";
function CSelection()
{
&nbsp;&nbsp;&nbsp;&nbsp;this.m_selection = null;
&nbsp;&nbsp;&nbsp;&nbsp;this.GetSelection = get_selection;
&nbsp;&nbsp;&nbsp;&nbsp;this.PutSelection = put_selection;
}
&nbsp;
function get_selection()
{
&nbsp;&nbsp;&nbsp;&nbsp;if(this.m_selection != null)
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(this.m_selection.type != "Control")
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(memoiW.document.body.createTextRange().inRange(this.m_selection) == true)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.m_selection.select();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} else {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.m_selection.select();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;//alert(memoiW.document.selection.type+" & "+memoiW.document.selection.createRange());
&nbsp;&nbsp;&nbsp;&nbsp;//document.getElementById('test').innerHTML = memoiW.document.selection.type+" & "+memoiW.document.selection.createRange();
}
&nbsp;
function put_selection()
{
&nbsp;&nbsp;&nbsp;&nbsp;if(typeof window.getSelection != "undefined"){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.m_selection = memoiW.window.getSelection();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.m_selection.type = typeof memoiW.document.getSelection;
&nbsp;&nbsp;&nbsp;&nbsp;} else if(typeof document.selection != "Control"){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.m_selection = memoiW.document.selection.createRange();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.m_selection.type = memoiW.document.selection.type;
&nbsp;&nbsp;&nbsp;&nbsp;}
}
&nbsp;
function deactivate_handler()
{
&nbsp;&nbsp;&nbsp;&nbsp;if(DocReadyState)
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;selectionObj.PutSelection();
&nbsp;&nbsp;&nbsp;&nbsp;}
}
&nbsp;
function DocReload()
{
&nbsp;&nbsp;&nbsp;&nbsp;memoiE = document.getElementById("memoi");
&nbsp;&nbsp;&nbsp;&nbsp;memoiW = memoiE.contentWindow;
&nbsp;&nbsp;&nbsp;&nbsp;clearInterval(DocReloadInterval);
&nbsp;&nbsp;&nbsp;&nbsp;memoE = document.getElementById("memo");
&nbsp;&nbsp;&nbsp;&nbsp;DocLoading();
}
&nbsp;
function DocLoading()
{
&nbsp;&nbsp;&nbsp;&nbsp;DocReadyState = true;
&nbsp;&nbsp;&nbsp;&nbsp;memoiW.document.designMode = "On";
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;selectionObj = new CSelection();
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;var doc = memoiW.document.open("text/html");
&nbsp;&nbsp;&nbsp;&nbsp;doc.write(default_source);
&nbsp;&nbsp;&nbsp;&nbsp;doc.close();
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;selectionObj.m_selection = null;
&nbsp;&nbsp;&nbsp;&nbsp;memoiW.focus();
}
&nbsp;
function buttonover(td)
{
&nbsp;&nbsp;&nbsp;&nbsp;td.style.filter='glow(color=#FF0000 strength=1)';
}
&nbsp;
function buttonout(td)
{
&nbsp;&nbsp;&nbsp;&nbsp;td.style.filter='';
}
&nbsp;
function command(obj,myEvent)
{
&nbsp;&nbsp;&nbsp;&nbsp;memoiW.focus();
&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;if(selectionObj.m_selection != null)
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;selectionObj.GetSelection();
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;if(obj.tagName == "SELECT")
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("잘못된 분기 여기가 아닙니다! SELECT command");
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;else {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;switch (obj.id) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case ("ed_asword") :
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Layer_hidden(ed_asworddiv);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Layer_xy(ed_asworddiv,'ed_aswordtable',0,+10,myEvent);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;}
}
&nbsp;
function layerClick(obj,objcmd)
{
&nbsp;&nbsp;&nbsp;&nbsp;memoiW.focus();
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;if(selectionObj.m_selection != null)
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;selectionObj.GetSelection();
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;if(objcmd == "div_clear")
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert("잘못된 분기 여기가 아닙니다! This objcmd div_clear");
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;else {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(obj.id == "ed_asworddiv")
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(typeof window.getSelection != "undefined")
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;memoiW.document.execCommand("InsertHTML",false,[objcmd]);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else if(typeof document.selection != "Control"){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var eEdit = memoiW.document.selection.createRange();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eEdit.pasteHTML([objcmd]);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ed_asworddiv.style.visibility = "hidden";
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;
}
&nbsp;
function Layer_hidden(obj)
{
&nbsp;&nbsp;&nbsp;&nbsp;var sw_Layers = new Array('ed_asworddiv');
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;for(var i = 0 ; i &lt; sw_Layers.length ; i++)
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(obj != sw_Layers[i])
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;LayerView = document.getElementById(sw_Layers[i]);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;LayerView.style.visibility = "hidden";
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;}
}
&nbsp;
function Layer_xy(obj,objt,lpx,lpy,myEvent)
{
&nbsp;&nbsp;&nbsp;&nbsp;var scrollLeft = (document.documentElement && document.documentElement.scrollLeft) || document.body.scrollLeft;
&nbsp;&nbsp;&nbsp;&nbsp;var scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;obj.style.left = (myEvent.clientX + scrollLeft + lpx) + "px";
&nbsp;&nbsp;&nbsp;&nbsp;obj.style.top = (myEvent.clientY + scrollTop + lpy) + "px";
&nbsp;&nbsp;&nbsp;&nbsp;obj.style.visibility = "visible";
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;if(objt) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;start_timeout(document.getElementById(objt));
&nbsp;&nbsp;&nbsp;&nbsp;}
}
&nbsp;
function close_div(obj)
{
&nbsp;&nbsp;&nbsp;&nbsp;obj.style.visibility = "hidden";
&nbsp;&nbsp;&nbsp;&nbsp;clearTimeout(close_id);
}
&nbsp;
function start_timeout(table)
{
&nbsp;&nbsp;&nbsp;&nbsp;switch (table.id) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case ("ed_aswordtable") : {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;asworddiv = document.getElementById("ed_asworddiv");
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;close_id = setTimeout("close_div(asworddiv)",1500);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;}
}
&nbsp;
function clear_timeout()
{
&nbsp;&nbsp;&nbsp;&nbsp;clearTimeout(close_id);
&nbsp;&nbsp;&nbsp;&nbsp;close_id = null;
}
&nbsp;
&nbsp;
var inasw = new Array();
inasw[0] = new Array('＃','＆','＊','＠','§','※','☆','★','○','●','◎','◇','◆','□','■','△','▲','▽','▼','→','←','↑','↓','↔','〓','◁','◀','▷','▶','♤','♠','♡','♥','♧','♣','⊙','◈','▣','◐','◑','▒','▤','▥','▨','▧','▦','▩','♨','☏','☎','☜','☞','¶','†','‡','↕','↗','↙','↖','↘','♭','♩','♪','♬','㉿','㈜','№','㏇','™','㏂','㏘','℡','®','ª','《','》','『','』','【','】');
&nbsp;
&lt;/script&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;
&lt;SCRIPT language="JavaScript"&gt;
&nbsp;&nbsp;&lt;!--
&nbsp;&nbsp;&nbsp;&nbsp;var sw_layers_asword = "&lt;div id='ed_asworddiv' style='position:absolute; visibility:hidden;'&gt;";
&nbsp;&nbsp;&nbsp;&nbsp;sw_layers_asword += "&lt;table id='ed_aswordtable' border='0' cellpadding='0' cellspacing='0' bgcolor='yellow' onmousemove='clear_timeout()' onmouseout='start_timeout(this)'&gt;&lt;tr&gt;&lt;td style='padding:3;'&gt;";
&nbsp;&nbsp;&nbsp;&nbsp;sw_layers_asword += "&lt;table width='210' height='170' border='0' cellpadding='2' cellspacing='0'&gt;";
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;function ed_aswordF()
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var e_list = new String;
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(var i=0 ; i &lt; 80 ; i++)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(!(i % 10)) e_list += "&lt;tr&gt;";
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (inasw[0][i] == "blank") {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e_list += "&lt;td align='center'&gt;&lt;font class='sw_ft_style_1'&gt;X&lt;/font&gt;&lt;/td&gt;";
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} else {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e_list += "&lt;td align='center' onClick='javascript:layerClick(ed_asworddiv,\""+ inasw[0][i] +"\");' onMouseOver=this.className='sw_MouseOver_0' onMouseOut=this.className='sw_MouseOut_0' style='cusor:pointer;'&gt;&lt;font class='sw_ft_style_0'&gt;" + inasw[0][i] + "&lt;/font&gt;&lt;/td&gt;";
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(i % 10 == 9) e_list += "&lt;/tr&gt;";
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return e_list;
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;sw_layers_asword += ed_aswordF();
&nbsp;&nbsp;&nbsp;&nbsp;sw_layers_asword += "&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;";
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;document.writeln(sw_layers_asword);
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;DocReloadInterval = setInterval("DocReload()", 300);
&nbsp;&nbsp;//--&gt;
&lt;/SCRIPT&gt;
1. 브라우저에서 DIV 영역에 selection 찍기&lt;br&gt;
&lt;input type=button value="selectionObj.GetSelection();" onclick="selectionObj.GetSelection();"&gt;&lt;br&gt;
[DIV 영역]&lt;br&gt;
&lt;div id=test&gt;&lt;/div&gt;
[DIV 영역 끝]&lt;br&gt;&lt;br&gt;
2. 브라우저에서 위지윅 에디터에 특수문자 삽입하기&lt;br&gt;
&lt;input type=button value="특수문자 삽입" onClick='javascript:command(this,event);' id='ed_asword' title='특수문자' onmouseover='buttonover(this)' onmouseout='buttonout(this)'&gt;&lt;br&gt;
[WYSIWYG에디터 박스 영역]&lt;br&gt;
&lt;iframe id="memoi" style='width:100%; height:300px; display:block;' onbeforedeactivate='deactivate_handler()' scrolling='yes' frameborder='yes' border='1' ALLOWTRANSPARENCY='true'&gt;&lt;/iframe&gt;
&lt;textarea id='memo' style='width:100%; height:300px; display:none;'&gt;&lt;/textarea&gt;
[WYSIWYG에디터 박스 영역 끝]&lt;br&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;
 </pre> 
 
* 관리자님에 의해서 게시물이 이동되었습니다 (2015-06-06 11:14)

18.97.9.175

http://run.blrun.net/
http://www.ntzn.net/
http://www.blrun.net/eight
http://삼성산뜨란채.kr

[HOME]

[bitly]

1 [2]

이곳은 여러분들이 사용하는 칼럼게시판입니다. [1]		2007/12/06	6280	93453

이곳 '네티즌칼럼'은 여러분의 칼럼게시판입니다. 여러분들의 예리하고 탁월하신 칼럼 기대합니다. 가입한 회원만이 글을 쓸 수 있습니다. 하지만 댓글은 누구나 달 수 있습니다. ^^; 기타 광고나 홍보는 '광고게시판'을 이용해 주세요. 문의사항이나 이상한점, 버그같은게 있으면 아래의 메일로 연락주십시요. 최대한 빨리 수정하도록 하겠습니다. 그럼... 관리자: blrun39@hanafos.com 최근 덧글을 수정하여 음란물을 올리는 �	7350	23:05:29

[코딩] 여러분은 "Y2K38 오류" 라는 것을 알고 계신지... [7]		2017/06/03	583	5436

제가 회사에서 PHP로 등록날짜를 타임스탬프로 구현하면서 타임스탬프(timestamp) 명령으로 각종 날짜 저장하는 게 2038년 1월 19일 이후부터는 날짜가 증가되지 않아서 그 이후 날짜를 다루려고 하면 문제가 발생한다는 사실을 새로 알게 되었습니다. 이게 소위 Y2K38 이란 오류라고 합니다. 저도 처음 알았는데 32bit 유닉스 운영체제에서 발생하는 날짜 저장 오류랍니다. 이게 64bit로 완전히 이행되고 나면 몇백억년 후까지�	73200	19:50:09

[코딩] 님 에게 추천할 Jquery 플러그인 있습니다 [3]	네코냥	2016/10/06	315	3509

LazyLoad 플러그인은 아주 간단합니다.어떻게 사용하는가?0.먼저 사이트에서 플러그인을 받고 웹서버에 업로드합니다.1.Jquery 를 불러오는 <script> 태그 아래에 이코드를 삽입합니다. <script src="jquery.lazyload.js"></script> 2.그리고 이플러그인을 작동시키기 위해 초기화코드를 삽입합니다. $(function() { $("img.lazy").lazyload(); }); 3.비동기 로딩을할 이미지 태그에 이 요소를 삽입합니다. [	44	09:54:10

[코딩] ?? 님 투표 게시판에서 저를 비웃었던데 소스를 올려드릴테니 더 나은 해답을 가르쳐 주시죠. [81]		2016/09/06	285	3945

아래 소스가 외부 html img src url 에서 jpg/png/jpeg 파일의 썸네일이 존재하지 않으면 thumbnail_make1.php 파일의 thumbnail() 함수를 호출하는 부분의 소스인데 두번째 소스와 같이 랙이 걸리는 이미지나 로딩되지 않으면서 딜레이되는 이미지 같으면 4행 getimagesize() 값의 반환값이 0이 되니까 정상적으로 이미지가 로딩되는 이미지의 반환값을 포함해 첫번째 소스 55행 처럼 첫번째 썸네일 이미지의 반환값을 x 필드에	73200	19:03:46

[코딩] 알고계십니까. [12]	네코냥	2016/07/31	351	4808

최신 모바일크롬은 이사이트가 깨진다는것을.	44	00:18:22

[코딩] Blrun 1승 [3]	네코냥	2016/07/13	317	3839

https://twitter.com/iolothebard/status/753044782495047680?s=09 웹성능을 떨어트리는 주범 10가지 via The Raygun Blog 뻔한 소리들이지만... 재밌는 거 하나있음~ <meta charset="utf8"/> 이 IE8의 성능을 떨어트린다는... -_-;;	44	11:17:29

[코딩] [강추] Javascript - JSONP를 사용해 다른 서버로 데이터 전송해 처리 후 가져와 화면 리프레쉬 하기...		2015/04/30	244	4095

자바스크립트를 사용해 JSONP 방식으로 AJAX를 구현해 봤습니다. jsonp4.html 은 euc-kr 로 인코딩된 문서이고 클라이언트에서 그 문서가 로드되고 버튼을 누르면 다른 서버에 존재하는 UTF-8로 인코딩 된 script.php 문서로 이름과 나이를 전송해 "블라블라블라" 란 서버 데이타와 함께 다시 받아서 현재 화면을 리프레쉬 해주고 있습니다. 그래서 다시 비동기로 출력된 한글은 unescape를 사용해 한글이 깨지지 않도록 해주고 있	7350	16:38:02

[코딩] [강추] JQuery - JSONP를 사용해 다른 서버로 데이터 전송해 처리 후 가져와 화면 리프레쉬 하기...		2015/04/17	207	3817

jquery-1.7.1.min.js 라이브러리를 사용해 JQuery로 JSONP 방식으로 AJAX를 구현해 봤습니다. jsonp1.html과 jsonp2.html은 euc-kr 로 인코딩된 문서이고 클라이언트에서 그 문서가 로드되고 버튼을 누르면 다른 서버에 존재하는 UTF-8로 인코딩 된 jsonp.php 문서로 성(이름)을 전송해 전체이름의 데이타를 다시 받아서 현재 화면을 리프레쉬 해주고 있습니다. 그래서 다시 비동기로 출력된 한글은 unescape를 사용해 한글이 깨지	7350	06:27:14

[코딩] [강추] JQuery 를 사용해 버튼을 여러개 클릭해 종류별로 폼 값 전달 후 처리해 비동기로 데이터 가져오기...		2015/03/09	237	5126

커스텀화된 html 출력을 위한 json 타입을 사용했습니다. [POST 방식- json3.html] <!DOCTYPE html> <html> <head> <title>jQuery Ajax Example with JSON Response</title> <script src="https://www.blrun.net/bbs/syntaxhighlighter/scripts/jquery-1.7.1.min.js" type="text/javascript"></script> <!-- 여기에 자바스크립트 코드를 기술한다 --> <script type="text/javascript"> $(document).re	73200	09:52:20

[코딩] [강추] JQuery를 사용해 폼 인자 여러개 전달해 비동기 처리 후 받기...		2015/03/09	186	3185

커스텀화된 html 출력을 위한 json 타입을 사용했습니다. [POST 방식 - json2.html] <!DOCTYPE html> <html> <head> <SCRIPT type="text/javascript" src="https://www.blrun.net/bbs/syntaxhighlighter/scripts/jquery-1.7.1.min.js"></SCRIPT> <script> function loadXMLDoc() { $.ajax({ type: "POST",	73200	09:46:38

[코딩] [강추] xmlhttp를 사용해 폼 인자 여러개 전달해 비동기 처리 후 받기...		2015/03/09	175	3059

JQuery(제이쿼리)를 사용하지 않고 XMLHttpRequest 를 사용해 구현했습니다. [POST 방식 - json1.html] <!DOCTYPE html> <html> <head> <script> function loadXMLDoc() { var xmlhttp; var params="str1="+escape("오늘은 2015년 3월 7일입니다!")+"&str2="+escape("시간은 오후 7시 59분입니다!"); if(window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari	73200	09:42:03

[코딩] [강추] 이번엔 AJAX를 JQuery 사용해 간단한 예제 2개로 만들어 봤습니다.		2015/03/09	206	4782

jquery-1.7.1.min.js 라이브러리를 사용해 JQuery로 AJAX를 구현해 봤습니다. jquery1.html과 jquery2.html은 euc-kr 로 인코딩된 문서이고 서버측 문서 jquery_info.php은 UTF-8로 인코딩 된 문서입니다. 그래서 한글로 된 값을 전달할 때 escape, 다시 비동기로 출력된 한글은 unescape를 사용해 한글이 깨지지 않도록 해주고 있습니다. ^^; [GET 방식 - jquery1.html] <!DOCTYPE html> <html> <head> <SCRIPT type=	73200	07:11:48

[코딩] [w3schools] 간단한 Ajax 프로그램 예제... 이렇게 단순하군요. 헐~ 강추!		2015/03/07	210	4385

여기서 ajax1.html 은 한글코드가 euc-kr 이고 ajax_info.php 는 한글코드가 utf8 입니다. ajax1.html에서 ajax_info.php 으로 GET이나 POST 방식의 str을 전송할 때 escape 처리를 하고 서버에서 비동기로 결과를 받을때 unescape 처리를 해서 한글이 깨지지 않도록 해주고 있습니다. [GET 방식 - ajax1.html] <!DOCTYPE html> <html> <head> <script> function loadXMLDoc() { var xmlhttp; if(window.XMLHttpRequ	73200	14:14:10

[코딩] XP 크롬과 오페라에 background= 버그가 있네요... [4]		2015/02/04	204	3156

XP의 크롬(버전 40.0.2214.93 m / 버전 40.0.2214.94 m)과 오페라(버전 27.0.1689.54 / 버전 27.0.1689.66)에서 다음 링크를 클릭해 보십시요. 첫번째 페이지에서 소스보기를 해보시면 알겠지만 background= 에 폭 208px의 배경 이미지가 기술돼 있는데 XP 크롬과 오페라에서 이걸 제대로 출력하지 못하고 있습니다. 이미지가 옆으로 죽 나열돼 깨지는데 IE, 스윙브라우저, 파이어팍스, 사파리 에선 제대로 출력이	7350	06:49:50

[코딩] 제로보드4 설문조사 버그 수정을 위해 아래와 같이 고쳐도 안돼요. [1]		2014/12/07	210	3863

미치겠네요. 이런 요상한 버그는 처음인데 혹시 reply_check.php 안에 들어있는 $subject 변수 때문인가 해서 그 안의 변수를 몽땅 $subject2 로 바꾸고 파일 네임도 reply_check2.php로 바꾸고 인클루드를 시켜봐도 마찬가지네요. 나머지 파일의 변수들도 아래와 같이 엘레시엘님 말씀대로 $subject2로 바꾸고 unset 명령으로 mysql 쿼리가 배열로 저장되는 부분을 초기화 해보아도 마찬가지네요. 심지어는 vote_check.php 13행	73200	06:56:35

[코딩] 제로보드4 설문조사 버그를 수정하려고 하는데 잘 안되네요...		2014/12/06	186	2934

이 설문조사 zero_vote 디렉토리 스킨이 좀 이상한게 처음 새설문 제목을 작성하고 항목추가를 하면 이상하게 설문제목과 항목추가 제목이 동일하게 보이는 현상이 있습니다. 그런데 상단의 [네티즌Poll] 을 클릭해 리로딩을 하면 제대로 DB에 저장된 리스트 내용이 보인다는 겁니다. 이 버그를 수정하려고 제가 소스를 분석해 보고 조작도 해보았지만 제목이 중복 겹쳐 보이는 현상은 해소가 되질 않더군요. 이거 어떻게 수정해	73200	13:28:42

[코딩] 게시판에 툴바레이어 클릭 소스 적용하다가 한가지 문제를 만났네요. [1]		2014/10/29	164	2988

문제는 제로보드 관리자 모드에서 "태그 모두 막음" 으로 설정했을 시에 아래 첫번째 소스 get_selection() 함수에서 addRange 값을 eSel에 저장하고 그 밑에 소스를 보시면 알겠지만 툴바를 클릭했을 때 실행되는 layerClick_no_grant() 함수에서 폰트 색깔을 커스텀된 태그로 둘러싸는 부분이 제대로 동작을 하지 않습니다. 에디터에서 [테스트] 란 글자의 테스트를 선택해 색깔을 지정하면 예문의 "꺽쇠[<font color='#FF0000	73200	12:18:14

[코딩] WYSIWYG 에디터에 툴바레이어 특수문자 클릭해 삽입하기 소스 간단 정리... [3]		2014/10/26	157	4902

아래 소스를 복사해 html 파일로 만들면 완전하게 동작합니다. 함 살펴보시고 익스플로어11에 맞게 소스를 변경해 보시기 바랍니다. 핵심적인 부분은 get_selection() 함수에서 주석 처리한 부분입니다. 주석을 제거하면 1번 버튼이 동작합니다. 그럼 행운이 있길... 저도 문제점을 찾아보겠습니다. 모바일에서 소스가 잘 안보이시는 분은 다음 링크를 클릭하세요. http://bit.ly/1QdP5PR [완전체 소스] <!DOCTYPE HTML PUBLI	73200	14:52:28

[코딩] 81번과 84번 포트에서 쿠키 인증 에러가 뜨는 원인을 찾았는데요... 이게 [2]		2014/10/10	160	13117

이게 같은 도메인 서로 다른 포트의 웹서버를 운용할 때 한쪽에서 로그인을 하고 다른 쪽 서버에서 로그인 뒤 리로딩을 하면 이런 메시지가 뜨더라구요. IE에선 그런 증상이 없는데 크롬/파이어팍스/오페라 에선 이런 현상이 있는 모양입니다. 아래 이미지로 캡처한 영문 페이지를 보시면 알겠지만 구글링을 해보아도 마땅한 해결책이 없던데 이거 혹시 아시는 분 계시나요? 방법이 없으면 쿠키 토큰 인증 관련 루틴을 삭제해야�	73200	06:41:38

[코딩] [PHP] 카페24_blrun_호스팅_phpinfo(2014년 9월 14일)		2014/09/14	0	0

비밀글입니다	73200	08:57:51

[코딩] 제로보드4 이미지 박스 권한 오류 이렇게 수정했습니다...		2014/08/28	184	2812

요새 제로보드4.1pl8 소스 수정에 물이 올라서 다른 분이 이 문제 해결책을 오래 전에 올리신 걸 보고 그 코드가 완전하지가 않아서 제가 완벽하게 수정했습니다. 관리자 모드에서 이미지박스 사용권한 레벨이 자꾸 1 최고 레벨로 변경되는 문제인데 제가 오랫동안 제로보드 소스를 분석해서인지 올바른 코드를 산출할 수 있었습니다. 상당히 헷갈리는 문제였지만 간단한 로직으로 해결했네요. [zb4.1pl8 원본 압축 파일에 있는	73200	17:04:47

[코딩] 제로보드4에서 <script> 태그 제거하는 코드가 오늘따라 안보이네요.		2014/06/25	210	3590

아래 소스는 제가 배포했던 제로보드4 수정증보판 중 덧글 미리보기를 처리하는 소스인데요 오늘 코드를 테스트 하는 과정에서 'html 모두 사용' 권한이 없을 때 <script> 태그를 제거하는 소스코드 부분을 이상하게 못찾겠네요. 허용하는 태그 목록에 들어있지 않은 태그는 < 를 < 처리하는 건 알겠는데 <script> 태그를 통째로 없애는 코드는 이상하게 안보입니다. 아무리 찾아봐도 안보여요. 이상하네.	73200	08:18:18

[코딩] 제로보드4 WYSIWYG 에디터 모드 전환 관련 수정 소스... [10]		2014/05/22	249	4018

바로 이 소스입니다. 제가 짰습니다. ㅋㅋ [edit.js] var pattern = /(\[\w+\_code\:\d+\{[^}]?\}\]\|\[\/\w+\_code\])/gi; var pattern2 = /\[\/\w+\_code\]/gi; var matchArray, e_use_html; var iePattern = /<br[^>]?><(P\|DIV\|\/PRE\|HR\|LI\|OL\|O:P\|UL\|TABLE\|TBODY\|TR\|TD\|TH\|CENTER\|H1\|H2\|H3\|H4\|FORM\|SCRIPT\|\/SCRIPT)([^>]?)>/gi; var iePattern2 = /<(HR\|SCRIPT\|\/SCRIPT)([^>]?)>\s*?<br	73200	21:38:30

[코딩] 제로보드4에서 태그 모두 막았을 때 f2plus_gallery_3.0 에디터 관리자 쓰기 모드에서... [1]		2014/02/05	243	4590

아래 그림과 같이 블럭을 지정해 9개의 폰트 색깔 중에 하나를 지정해 주면 에디터 전용 태그가 앞뒤로 감싸지게 돼 있는데 이게 잘 동작을 하지 않습니다. 물론 제로보드4 설정에서 태그를 부분허용하거나 모두 허용을 하면 다른 색팔레트가 뜨고 해당 색을 클릭하면 memoiW.document.execCommand("ForeColor", false, color); 명령이 실행되면서 색깔이 입혀지게 되는데 이번 소스는 제로보드4 관리자 모드에서 태그를 허용하�	7350	09:15:31

[코딩] 파이어팍스에 개발자를 괴롭히는 onmousedown 이벤트 핸들러 관련 버그가 있는 것 같네요.		2014/01/25	273	4174

아래 소스는 이곳 제로보드4 광고게시판에서 이름을 클릭할 때 보이는 이름 레이어를 뿌려주는 소스 부분인데 우선 97행에서 이름 클릭 후 홈페이지를 클릭하면 onmousedown 이벤트 핸들러가 반응하면서 window.open() 함수로 해당 홈페이지를 띄우게 돼 있는데 이게 새창이 열리긴 하는데 부모창을 가보면 페이지가 드래그가 돼 있는 현상이 있습니다. 두번째 버그는 106행과 109행, 118행에 해당하는 버그로 onmousedown 이벤�	73200	19:10:44

[코딩] 크롬/파이어팍스에서 표그리기가 동작하지 않는 문제만이 남았습니다... [1]		2014/01/25	274	4895

아래 소스에서 보시는 바와 같이 f2plus_gallery_3.0 폴더 안 swe 폴더에 들어있는 ed_toolbar.php 파일 51행의 '표만들기' 아이콘을 클릭하면 edit.js 의 211행 쯤 command() 함수가 호출되고 거기서 switch 문에서 304행 쯤 "ed_table" 부분으로 분기되면서 거기서 다시 make_table() 함수를 호출하게 되면 736행에 있는 make_table() 함수가 실행되고 거기서 704행의 Layer_xy() 함수가 호출되고 Layers.js 파일 안의 102행 �	73200	13:10:35

1 [2]