[링크] JavaScript 표준을 위한 움직임: CommonJS와 AMD
http://helloworld.naver.com/helloworld/12864
Category Archives: Lang
제한되지 않은(unlimited) JCE(Java Cryptographic Extension) 정책(policy) 파일 다운로드
java 암호화/복호화 관련 작업 수행시,Unsupported keysize or algorithm parameters 나 Illegal key size or default parameters 에러가 발생할 경우,JCE(Java Cryptographic Extension)의 정책(policy) 파일 문제일 경우가 많다. JCE의 기본 정책으로 인해 제한된 사항(ex: AES에서 128bit(16byte)를 초과하는 길이의 key 사용불가)을 해제하기 위해서는 jre의 암호화 정책 파일(local_policy.jar 와 US_export_policy.jar)을 무제한(unlimited)버전으로 덮어써 줘야 한다. 문제는 JDK의 벤더 및 종류에 따라 정책 파일이 다르다는 것인데…여러가지가 있지만, 일단… Read More »
[펌글] 파일 업로드를 하기 전에 자바스크립트로 파일 사이즈 얻기 (javascript file size check before uploading)
– 출처 : http://iamyour.tistory.com/entry/javascript-file-size-check-before-uploading – javascript 혹은 Jquery 에서 업로드 하기 전에 파일 용량을 체크할 수 있다. 다만 IE 에서는 작동하지 않는다. (IE 에서 active-X를 사용하여 구현할 수 있지만 추천하지 않는다.) 관련자료 2번째 링크를 참고하면 IE에서는 click 이벤트를 해야 작동하는 것 또한 확인 할 수 있다. $(‘#file’).bind($.browser.msie? ‘propertychange’: ‘change’, function(){ var f=this.files[0]; … Read More »
opener를 재귀적으로(recursive) 참조할 때 주의할 사항 !!
window.open 뿐만 아니라, anchor 태그를 사용하여 새 창을 띄웠을 경우에도 링크가 있는 페이지가 opener가 된다!!예) <a href=”http://blabla.com” target=”_blank”>BLABLA</a> 그러므로 크로스도메인 (cross domain) 접근 에러에 주의하자!!
IE7에서 다른 문서(document)의 객체간에 jQuery의 append()를 사용했을 경우의 스크립트 에러에 대하여
* 개요 이 에러는 오직 IE7에서만 발생하는 에러이다. 서로 다른 문서(ex: 다른 프레임)의 객체간에 jQuery의 append()를 사용했을 경우 스크립트 에러가 발생하는 것이다. * 소스 (오류 상황) – $(‘#mainBox’, mainFrameDoc).append( $(‘#topBox’, topFrameDoc).children().clone() ); * 해결 – 원인을 정확히 파악한 근본적인 해결책은 아니지만 workaround로서 innerHTML로 처리함. (innerHTML의 경우 1 depth 아래로 들어가는 것에 주의한다.)… Read More »
window 객체의 screenTop, screenLeft, screenX, screenY 속성에 대하여
이 속성들은, 윈도우 바탕화면의 왼쪽 위를 기준으로 삼아 window 객체의 좌표를 측정하는 것들이다. 기본적으로는 screenTop, screenLeft 를 사용하지만, FireFox에는 해당 속성이 없어서 screenX, screenY를 사용한다. 그런데 문제는, 각 브라우저에서 위의 값들이 의미하는 바가 다르다는 것이다. 좀 더 테스트를 해 봐야 알겠지만… 프레임셋으로 구성된 화면을 각 브라우저에서 호출하면, IE에서는 각 프레임을 구성하는 window 객체를 대상으로 좌표를… Read More »
window.name 을 설정했다가 없앴을 때에도 계속 설정한 name이 남아 있는 이유
생각해 보니 window 객체는 DOM이 아니라 BOM(Browser Object Model)이었다. 그러므로 객체에 셋팅한 프로퍼티가, 문서 단위로 reload 되는 것이 아니라, 브라우저 단위로 reload 되는 것이었던 것이었다!! 따라서 window 객체에 name을 계속 셋팅하면 계속 갱신되지만, name을 셋팅 했다가 name을 셋팅한 구문을 제거한다고 해도, 문서가 reload 되는 것에 관계 없이 브라우저에 해당 정보가 남아있으므로 name이 지워지지 않았던 것이었다. 그러므로… Read More »
jQuery TreeView 플러그인 사용시, IE7 (혹은 호환성모드)에서 트리가 깨지는 경우
※ 완벽한 해결책은 아니지만, 다음의 방법으로 일단 깨지는 것을 막을 수 있다. * 트리가 만들어지는 페이지에 다음의 스타일 추가 <style type=”text/css”> ul, li { zoom: 1 } </style> * 완벽하지 않다고 한 이유는, 트리의 2depth 이상에서 트리를 펼칠 때 트리가 약간 (1픽셀 정도) 위로 움직이는 현상이 있었기 때문이다. (IE7 혹은 호환성보기에서만)
[링크] AES 암호화시 Illegal key size 에러에 대한 해결
http://toddler1.egloos.com/2889316
[링크] tabindex=”1″? tabindex=”0″? tabindex=”-1″?
http://naradesign.net/wp/2012/05/10/1786/
jQuery UI의 dialog 위젯으로 로딩이미지 생성시, 오페라 브라우저 (opera)에서 빨간 테두리가 생기는 현상
* 오페라 브라우저는 포커스가 간 엘리먼트에 빨간 테두리를 쳐 버리는 특징이 있는 것 같다. 검색을 조금 해 보니 이것은 버그도 아니고 브라우저 설계시 그렇게 되도록 만든 것 같다. jQuery UI의 dialog 위젯으로 로딩이미지를 만들었을 경우, 로딩이미지가 show() 될 때 로딩이미지의 부모 엘리먼트에 포커스가 가서 빨간 테두리가 그려지는 문제가 간혹 생겼는데, 그래서 부모 엘리먼트의 tabindex 속성… Read More »
[링크] jqueryWTP : Eclipse jQuery Code Assist Plugin (이클립스에서 jQuery 편집시 자동완성 기능)
jqueryWTP : Eclipse jQuery Code Assist Plugin
java.net.URLEncoder.encode()로 인코딩된 문자열을 java.net.URLDecoder.decode()로 디코딩할 때 + 기호가 space(공백)으로 되어버리는 현상에 대한 해결책
* 이 현상은 get 방식으로 보내는 파라미터의 내용중에 +기호가 있을 경우에 발생하는데, 보통은 + 를 파라미터로 실어 보내는 일이 없지만, Base64로 인코딩된 문자열(ex: 암호화된 id)에는 +가 있을 경우가 종종 있기 때문에 이런 얘들을 get으로 실어 보낼 때 심심치 않게 볼 수 있다. 그래서 해결책을 이것저것 찾아보았지만 결국은 space를 +로 replace하는 것이 대세인 듯 하다. (아래 예제에서 decodeString()은… Read More »
[링크] jQuery – Ajax – crossdomain 이슈 #2
http://igna.tistory.com/20
html의 이미지 맵(image map) 클릭시 각 map의 경계선이 보이지 않도록 처리하기
* 개요 – 이미지 맵 클릭시 경계선이 표시되면 어찌됐건 세련되지 못하게 보이는 게 보통이다. 그래서 기존에는 area 태그에 onfocus=”this.blur()” 속성을 넣어 주어서 이것을 막았는데, 노가다이기도 하고 보기에도 별로 좋지는 않았다. 그래서 검색을 해 보니 CSS로 간단하게 처리하는 방법이 있었다. * 해결방법 – 이미지맵을 사용하는 img 태그의 스타일속성에 outline:none… Read More »
anchor 태그() 클릭시 기본동작 (페이지이동)을 무효화 시키기
* 해결 컨셉 – <a/>태그는 클릭시 페이지 이동을 시도하므로 onclick 이벤트 핸들러에서 막아주면 된다. * 해결 방법 – html inline 속성에서 처리할 경우 <a href=”” onclick=”functionA(); return false” /> – jQuery 이벤트 핸들러 바인딩시 처리할 경우 $obj.click(function(e){ e.preventDefault(); //필요한 로직… Read More »
body 엘리먼트를 display:none 처리한 후 jQuery의 show() 함수를 호출했을 때 파이어폭스(FireFox)에서 화면이 나타나지 않는 현상
* 원인 – body의 기본 display 속성은 block인데, FireFox 에서는 show()를 해도 display속성이 block이 되지 않는갑다. * 해결 – display 속성을 block으로 만든 후 show를 해 주었다. – $(‘body’).css(‘display’, ‘block’).show(); * 참고 사항 – display:none이 아닌 $(‘body’).hide()를 사용해서 숨겼을 경우에는 별 문제가 없었다. – jQuery 1.8.x 에서는… Read More »
[링크] html(web) 색상표(colors)
http://en.wikipedia.org/wiki/Web_colors
div에 가려져 있는 엘리먼트를 클릭 가능하도록(onclick) 처리하기
– 출처 : http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements – * 일반적인 CSS pointer-events:none; background:url(‘your_transparent.png’); * IE를 위한 예외처리 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’your_transparent.png’, sizingMethod=’scale’); background:none !important;
div의 수평 가운데 정렬(horizontal align center) 방법 (display:block 속성 엘리먼트의 수평 가운데 정렬)
* 해결 방법 가운데 정렬시키기를 원하는 block 속성 엘리먼트(ex: div)의 style속성을 다음과 같이 지정 (widh는 %나 pixel이나 관계없지만 반드시 숫자로 지정해 주어야 한다.) style=”margin-left:auto; margin-right:auto; width:xxx” * 참고 링크 CSS Horizontal Align