VoidNoble IT Zone

CDNJs http://cdnjs.com/Google CDN http://code.google.com/apis/libraries/devguide.htmlMicrosoft CDN http://www.asp.net/ajaxlibrary/cdn.ashx

CKEditor가 들어간 입력 폼이 IE에서 내용을 읽어오지 못하고 얼어버린다는 문제의 해결 요청을 받고 분석에 들어갔으나 구글링으로도 수 시간동안 제대로된 해결책을 발견하지 못하였다가 아래 링크의 글을 접하고 MS가 IE9부터 iframe을 못쓰게 하려는 수작같다는 글 http://www.phpschool.com/link/tipntech/73485일단 소스의 헤더 부분에 공통으로 들어간 것들 제거 후 하나씩 붙여보면서 테스트를 해 보니iframe 관련 크로스브라우징 이슈가 핵심이었다.기존 헤더에 위 이슈 해결을 위해 아래와같이 선언했었는데...document.domain = "xxxx.com";위와같은 선언이 들어간 페이지를 IE 9 이상 버젼으로 열었을 때 iframe.contentWindow.doc..

Javascript 전통적 방식 function loadScript(url) { var headID = document.getElementsByTagName("head")[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = url; headID.appendChild(newScript); } window.load = function() { loadScript('/path/ex.js'); } jQuery 방식 $(function() { $('head').append( $(document.createElement('script')).attr({ 'type': 'text/ja..

Spac Editor는 자바스크립트로 만들어진 Wysiwyg HTML Editor 입니다. 라이센스가 전체 무료이며 여러 브라우저를 지원합니다. 제작자인 Spac 님께 감사드리며... 동종업계 종사하시는 선배 한분이 어느날 Spac Editor를 적용하려 하는데 이미지 삽입 시도시 커서 위치에 이미지가 삽입되지 않는 문제가 발생한다고 하여 문제점이 뭔지 찾아보았습니다. 이하 '...다.' 체로 기술합니다. IE에서는 커서위치에 삽입을 위해서는 선택부분을 얻어오는 스크립트를 사용해야 하는데 이미지 삽입 레이어창의 파일 찾아보기를 클릭하는 순간 에디터의 커서위치가 안드로메다로 날아가 버린다. 날아간 후는 에디터의 맨 처음에만 이미지가 입력되어버리는 문제가 발생! 하여 패치해 보았다. spac_editor.j..

newline 문자 \n 을 미리 escape 문자 포함하여 날아가지 않게 남겨두었다가 jQuery.text() 적용 후 newline으로 변환한다. $('').html($('#content').html().replace(/\n/g, '\\n')).text().replace(/\\n/g, '\n'); 띄어쓰기까지 포함하려면 끝에 .wrap(''); 붙여주면 된다.

부모창에서 window.name = "parentWin"; 하고 팝업창에서 링크를 해주면 된다.

공식 사이트에서 제공하는 서론을 보면 *.sass파일 Compass 컴파일, Ruby, RubyGems 가 등장한다. SASS와 Compass는 CSS3 에서 변수도 사용하고... 프로그래밍을 가능하게 해주는 것으로 보인다. 컴파일 하여 스타일시트 결과물을 얻는 CSS3의 사촌간이라고 판단하고 넘어간다. 해외 사이트에서 튜토리얼을 발견했다. 문법도 있고 제법 골때려주신다. Sencha Touch 테마를 다루기 위해서는 준비물이 필요한 것이군... Ruby, RubyGems, Compass를 설치해야 한다. 개발환경: Windows 에서의 설치법을 다룬다. Ruby의 홈은 이곳인데 다운로드받으러 이동한다. 환경이 Windows인 관계로 해당 섹션을 찾아 스크롤을 내린 뒤 Ruby 1.8.6 원클릭 인스톨러..

Javascript Diff Algorithm 홈 http://ejohn.org/projects/javascript-diff-algorithm/ 테스트 http://www.daftlogic.com/sandbox-javascript-compare-differences-between-strings.htm DiffButty (Javascript) 홈 http://www.baconbutty.com/blog-entry.php?id=45 소스 http://www.baconbutty.com/blog-attachments/045-DiffButty1.js 테스트 http://www.baconbutty.com/blog-attachments/045-DiffButty1-test.htm Javascript Diff Lib ht..

ExtJS 시작하기 http://www.sencha.com/learn/legacy/Tutorial:Introduction_to_Ext_(Korean) 페이지 시작시... jQuery ExtJS $(function() { ... }); Ext.onReady(function() { ... }); DOM 노드 선택 일반 jQuery ExtJS var user_name = document.getElementById("user_name"); var user_name = $('#user_name'); var user_name = Ext.get('user_name'); DOM 노드 찾아서 선택 paragraph 1 paragraph 2 paragraph 3 jQuery ExtJS var p = $('body').fi..

평소와 다름없는 사이트 운영 중 사이트 이용자로부터 전화가 걸려왔다. "어떤 페이지가 열리다가 중단됩니다 라고 뜨면서 안열려요" "제일 위의 광고 3줄 보이고 나머진 안보여요" 아이폰 앱 개발 관계로 바빠서 맥북프로에서 주 브라우저인 사파리로 사이트 이상을 확인해보았다. '음.. 이상 없는데...' 한번은 클라이언트의 악성코드 문제나 브라우저 업데이트를 안해서 생긴 문제로 파악하고 크롬이나 파폭의 설치 및 사용을 권해드렸고 또 발생하였다는 소리가 들려서 클라이언트에게 '원격접속하여 제가 봐드리겠습니다~' 했더니 알았다며 그냥 전화를 끊어버렸다. 찝찝하여 윈도우7 머신으로 돌아와서 IETest 프로그램을 띄워서 이상있다는것을 확인해 보았다. IE6 에서는 스크립트 오류가 IE7 에서는 '작업이 중단되었습니..