민서네집

ZK Spreadsheet is an embeddable Ajax component for Java Web Applications. http://www.zkoss.org/ https://code.google.com/p/zkspreadsheet/

/** * @작성일 : 2015. 3. 19. * @작성자 : Heeseok * @Method 설명 : 특수문자 치환 - HTML 형식으로 데이터 표시 시 호출 * @param sContent * @returns */ function gfReplaceSecure(sContent){ sContent = sContent.replace(/&/gi,'&').replace(//gi,'>').replace(/\"/gi,'"').replace(/'/gi,'"').replace(/\n/gi,' '); return sContent; } 웹페이지에서 서버에서 넘어온 텍스트의 줄바꿈, 꺽쇠, & 문자 등을 제대로 표시하려면 위의 Javascript Function을 이용하면 된다. 그런데 Table 안의 td 태그에서는 위..

Youtube 동영상 따라하기 https://www.youtube.com/watch?v=IFqsLdHb-Js

표준프레임워크 오픈커뮤니티 eGovFrame 53차 기술세미나 (2015.1.28) [발표자료]

bootstrap 라이브러리를 사용하면서 마우스 hover 시 image를 교체하면서 Transition 효과를 주는 법 .c-fadeimg {position: relative;} .c-fadeimg img {transition: opacity .25s ease-in-out;cursor: pointer;} .c-fadeimg img.c-top {position: absolute;left: 0;top: 0;} .c-fadeimg img.c-top:hover {opacity: 0;} Chrome 이랑 Opera 브라우저에서는 이미지가 교체되면서 1 픽셀 정도 움직여서 눈에 좀 거슬린다. FireFox 에서는 이런 문제가 없었다. IE9 와 PC용 Safari 브라우저에서는 Transition 이 작동되지를 ..

img {width: 100%;} img.c-item-image {width: initial; width: auto;} .c-our-test-subpage #introduction .c-contents-sm-title:hover {background-color: initial;background-color: transparent;} .c-icon-image img {width: initial; width: auto;} CSS background-color Propertyhttp://www.w3schools.com/cssref/pr_background-color.asp CSS width Propertyhttp://www.w3schools.com/cssref/pr_dim_width.asp CSS initia..

How do you access browser history? http://stackoverflow.com/questions/48805/how-do-you-access-browser-history 보안상 자바스크립트에서는 접근 안되는것 같다. 그런데 예전에 특정 사이트에 방문 했었는지는 알 수 있다. 방문했던 사이트의 경우는 A 태그의 색이 변하기 때문에 브라우저에서 A태그의 색을 알아보면 된다. http://www.dicabrio.com/javascript/steal-history.php http://jeremiahgrossman.blogspot.kr/2006/08/i-know-where-youve-been.html

CSS 2 에 속하는 가상 클래스 선택자를 IE 6에서 지원하지 않는다. CSS 3 에 속하는 가상 클래스 선택자는 IE 6~8 에서 지원하지 않는다. CSS: 선택자(Selector) 이해http://www.nextree.co.kr/p8468/ 이런 issue를 해결하기 위해 다음 글을 참조. As IE6 doesn't understand attribute selectors, you can combine a script only seen by IE6 (with conditional comments) and jQuery or IE7.js by Dean Edwards.IE7(.js) is a JavaScript library to make Microsoft Internet Explorer behave li..

http 연결된 페이지에서 개인정보를 전송하기 위해 동일한 서버인데 https로 ajax 접속할 필요가 있었다.(이메일을 전송하는 로직이 있어서 시간이 5초 정도 걸리는 것 같다.) Chrome 에서는 다음과 같이 HTTP 헤더에 다음 값을 추가하는 우아한 방법으로 Cross Domain Issue가 해결이 된다. response.addHeader("Access-Control-Allow-Origin", "*"); IE (Internet Explorer) 에서도 10 버전부터는 된다고 하는데, 그 이하에서는 이런 방법으로 해결이 안된다. 그나마 IE 8, 9 에서는 XDomainRequest 객체가 있어서 이 객체를 이용하면 된다고 하고, 그 이하 버전에서는 사용자가 Browser의 Security Set..

[참고] http://stackoverflow.com/questions/18606253/how-to-create-hollow-triangle-in-css [Test] http://jsfiddle.net/wmDNr/3/ .triangle { position: relative; margin-top: 0; margin-right: 20px; width: 24px; height: 23px; display: inline-block; } .triangle>div { width: 24px; height: 2px; background: #91c741; } .triangle>div:before { content: " "; display: block; width: 24px; height: 2px; background: #..