묻고답하기

[bbs/skin/f2plus_gallery_3_0/swe/ed_toolbar.php]

<td style='padding:0 2 0 2;'><a onClick='javascript:command(this,event);' id='ed_asword' title='특수문자' class='a_style_0'><img src='<?=$dir?>/images/edbtn/ed_asword.gif' border='0' width='18' height='18' id='ed_asword_img' onmouseover='buttonover(this)' onmouseout='buttonout(this)'></a></td>

위 코드에서 특수 문자 삽입 툴바 아이콘을 클릭하면 아래의 edit.js 파일의 command() 함수가 호출되고 거기서 Layer_xy() 함수가 호출되면서 layer.js 파일의 'ed_aswordtable' 특수문자 테이블 레이어가 보이게 되고 레이어 안의 특수문자 하나를 클릭하게 되면 layerClick() 함수가 호출되면서 마지막 소스처럼 execCommand("InsertHTML",false,[objcmd]) 커맨드에 의해 현재 커서의 위치에 해당 특수문자가 삽입이 되는 구조인데 이게 Edge 브라우저에서 동작하지 않아서 해결방법을 찾아보았지만 마땅한 해결책이 구글에서도 보이지를 않습니다. 일단 IE11 소스 부분처럼 해도 안되는 걸 보면 IE11과도 호환이 안되는 것 같던데 이 문제에 대한 해결방법을 찾습니다. 뭔가 Edge 브라우저에서만의 고유한 사용법이 있는 것 같은데 그게 뭔지 모르겠습니다. 동일한 현상으로 보이는 미디어 삽입과 더불어 이 두가지 문제랑 이전 포스트에서 언급했던 미리보기 문제만 해결하면 호환성은 거의 마무리가 되는데 무엇을 어떻게 해결해야 할지 모르겠네요. ㅡ_ㅡ;

[bbs/skin/f2plus_gallery_3_0/swe/edit.js]

case ("ed_asword") :
{
Layer_hidden(ed_asworddiv);
Layer_xy(ed_asworddiv,'ed_aswordtable',0,+10,myEvent);
break;
}

[bbs/skin/f2plus_gallery_3_0/swe/edit.js]

function Layer_xy(obj,objt,lpx,lpy,myEvent)
{
        var scrollLeft = (document.documentElement && document.documentElement.scrollLeft) || document.body.scrollLeft;
        var scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;

        obj.style.left = (myEvent.clientX + scrollLeft + lpx) + "px";
        obj.style.top = (myEvent.clientY + scrollTop + lpy) + "px";
        obj.style.visibility = "visible";

        if(objt) {
                start_timeout(document.getElementById(objt));
        }
}

[bbs/skin/f2plus_gallery_3_0/swe/layer.js]

var sw_layers_asword = "<div id='ed_asworddiv' style='position:absolute; visibility:hidden;'>";
sw_layers_asword += "<table id='ed_aswordtable' border='0' cellpadding='0' cellspacing='0' class='sw_bd_style_5' onmousemove='clear_timeout()' onmouseout='start_timeout(this)'><tr><td style='padding:3;'>";
sw_layers_asword += "<table width='210' height='170' border='0' cellpadding='2' cellspacing='0'>";

function ed_aswordF()
{
        var e_list = new String;

        for(var i=0 ; i < 80 ; i++)
        {
                if(!(i % 10)) e_list += "<tr>";
                if (inasw[0][i] == "blank") {
                        e_list += "<td align='center'><font class='sw_ft_style_1'>X</font></td>";
                } else {
                        e_list += "<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;'><font class='sw_ft_style_0'>" + inasw[0][i] + "</font></td>";
                }
                if(i % 10 == 9) e_list += "</tr>";
        }
        return e_list;
}

sw_layers_asword += ed_aswordF();
sw_layers_asword += "</table></td></tr></table></div>";

[bbs/skin/f2plus_gallery_3_0/swe/edit.js]

if(obj.id == "ed_asworddiv")
                {
                        if(typeof document.selection != "Control") {
                                if(re.exec(uAgent) != null)
                                {
                                        //IE11
                                        var eEdit = memoiW.window.getSelection().getRangeAt(0);
                                        eEdit.deleteContents(); 
                                        eEdit.insertNode(eEdit.createContextualFragment(objcmd));
                                } else if(re2.exec(uAgent) != null) {
                                        //IE8
                                        var eEdit = memoiW.document.selection.createRange();
                                        eEdit.pasteHTML([objcmd]);
                                } else if(typeof window.getSelection != "undefined") {        //Chrome & FF
                                        memoiW.document.execCommand("InsertHTML",false,[objcmd]);
                                }
                        } else {        //Chrome & FF
                                memoiW.document.execCommand("InsertHTML",false,[objcmd]);
                        }
                        ed_asworddiv.style.visibility = "hidden";
                }
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
nado0124 1.7.4 부터 트랙백 엮인글 차단 애드온이 필요없다고 되어 있던데... [2] 2014.05.23 by nado0124
쿵푸팬더 http 406 error 질문입니다. [4] 2014.08.13 by 쿵푸팬더
xenewbie 404 에러 관련 - 짧은 주소  
DJinside member 모듈 업데이트 오류, 설정 변경 오류 도와주세요 ㅠㅠㅠㅠ file  
티코GT 문서 모드가 쿼크로 나오는데 왜 그런건가요?  
티코GT 제이쿼리 소스를 적용하는데 익스플로러에서 문제가 발생하네요^^; [10] file 2015.04.01 by 돼지코구뇽
티코GT css에서 정렬은 어떻게 해야하나요? [1] 2015.04.16 by 부산민지아빠
Azpi 2차 메뉴가 있을 때만 특정 div를 출력하게 하려면 어떻게 해야하나요 [2] 2015.04.27 by Azpi
큰성565 레이아웃 디자인과 이미지 리사이즈 관련된 질문 [5] 2015.05.09 by 큰성565
lark007 xe1.8.1 버젼 업데이트말고 새로 설치 성공 하신분 계신가요?ㅠㅠ [2] file 2015.05.10 by jblref
착한동구 트래픽위젯 설치좀 도와주세요  
나나난나나난 서버이전에 대한 질문입니다. mysql... [2] 2015.07.09 by 나나난나나난
초옹무 메인메뉴 가운데 정렬 문으 드립니다. [2] 2015.07.13 by 초옹무
Hi_Roy <!DOCTYPE html> 에 맞게 게시판 스킨을 조정하면서 황당한 경험을 하고 있습니다. [2] 2015.07.13 by Hi_Roy
ImpactCC 6개의 칸으로 만들어진 div 만드는것좀 도와주세요..^^;; [5] file 2015.07.18 by iuloveiu
woogle 태그 정리 문제 좀 도와주세요! file  
woogle 게시판 상단에 베스트 게시물 만들고 있는데 태그 정리가 안되네요. [1] 2015.07.25 by 브레인630
와이군1 외부 스타일시트는 링크는 어디에 넣어야 하나요? [2] 2015.07.29 by 와이군1
더블엠씨 스케치북 게시판(웹진형 카드디자인)의 목록의 글자를 키우고 싶습니다. 5시간째 방황중입니다 .ㅜㅜ [9] file 2015.07.31 by 더블엠씨
newi 조회수 설정 문의 합니다. [1] 2015.08.21 by 마야