사과 냄새나는 IT이야기 TAESTORY,

웹 페이지를 만들다 보면 새창에서 어떤 값들을 입력받고 다시 이전창에 값을 돌려줘야하는 경우가 있습니다. 그럴때 사용하면 유용한것이 opener.document 인데요. 사용방법은 여러가지 방법이 있겠지만 저는 아래와 같이 셀렉터에 opener.document를 추가해서 사용합니다. $('#id',opener.document).append('html'); //부모창의 id에 해당하는 객체에 html 내용을 append$('#id',opener.document).val('value'); //부모창의 id에 해당하는 객체의 값 지정

자바스크립트는 딱히 데이터 타입이 없다. 단순히 var 이라는 변수형태로 선언하면 그걸로 끝이다.그래서 편리하게 사용할 수 있지만 그로인해 가끔 큰 실수를 하게 된다. var idx = '1';위와 같이 선언되어 있는 변수 idx가 있는데 여기다 +1을 하면 어떻게 될까?위 idx는 숫자처럼 보일지도 모르지만 사실은 string이다. 그래서 +1을 하게되면 string 1의 뒤에 1이 붙게되어 11이라는 값이 된다.그래서 숫자를 사용할때는 명확하게 var idx = 1; 이렇게 선언을 해야한다. var idx = 1;idx + 1;위와 같이 사용하면 우리가 원하는 1+1 = 2 의 연산이 가능해진다. 오늘 이 문제로 삽질을 했었기에 정말 간단한 내용이지만 이해하기 위해 정리를 해보았다.

jquery.highlight.js 다운로드 및 정보는 아래 URL을 참고하세요.http://www.keyframesandcode.com/resources/javascript/jQuery/demos/highlight-demo.html .highlight { background-color: yellow; color: red; }$(document).ready(function(){var strKey = '스트링'; // 하이라이트를 적용할 스트링 if(strKey != ''){$('.line').highlight(strKey); //line class에 해당하는 요소들에서 strKey 값들을 하이라이트 처리 }});위 css는 배경색을 노랑색, 텍스트는 빨간색으로 표현하..

처음 메뉴를 클릭하면 서브 메뉴들이 내려오는 스크립트를 만들때 jquery의 .hide, .show, slideDown 을 사용했었는데 위 함수들은 스타일에 display:none 혹은 display:block 이 들어가게 되어스크린 리더기를 통해 테스트 하는 웹 접근성에 문제가 있다고 하여 관련된 함수들이 있는 jquery core를 수정해야되나.. 고민을 하다가 animate 함수로 해결하였습니다. function menuclick(index){var height = new Array(1); //메뉴가 내려올 height를 담은 배열height[0] = '280px';for(var i=1; i

작업을 하다보니 애초에 개발 단계에서는 a 태그에 onClick을 썼었는데디자인을 입히면서 button 태그에 onClick으로 변경이 되어 a태그를 button 태그로만 변경하였었습니다. 그런데 button 태그로 변경을 하니 onClick으로 호출하는 스크립트가 실행이 안되고 페이지가 refresh만 되었습니다.수정 이번에도 지난번에 history.back때와 마찬가지로 return false;를 추가하니 정상적으로 실행이 됩니다.이런 사소한것들로 인해 삽질은 계속..

이번에 프로젝트를 하면서 jquery를 이용하여 메뉴가 접혀져 있다가 아래로 펼쳐지는 스크립트를 만들어 보았습니다.기본적으로 jquery1.4.4 이상이 import 되어있어야 합니다. 처음 웹문서가 열릴때의 세팅입니다. 모든 서브메뉴를 hide로 처리하여 보이지 않게 합니다.function menuclick(index){for(var i=1; i

이미지를 슬라이드 하는 jQuery 스크립트를 적용했는데 다른 브라우저들에서는 제대로 작동하는게 IE7에서는 위와 같은 오류가 출력 되면서 안되는 현상이 있었습니다. 왜 그런지 원인을 찾다보니 원인은 단순한 실수였더군요. defaults라는 배열의 끝에 ,를 붙인게 다른 브라우저에서는 그냥 넘어갔는데 IE7에서는 오류로 잡혔던것이었습니다. 혹시나 스크립트 오류가 난다면 브라우저마다 체크하는 과정이 다르므로 본인이 작성한 소스에 오류가 없는지 먼저 검사 해보시길 ~

다음이나 네이버에서 개발한 에디터를 배포하고 있어서 많은 사이트에서 적용이 되고 있는데요. jsp 형식의 게시판 페이지에 네이버 스마트 에디터를 적용하는 방법을 정리해보겠습니다. 먼저 네이버 개발자센터에서 스마트 에디터를 다운받습니다.네이버 개발자 센터 스마트에디터 프로젝트 페이지 : http://dev.naver.com/projects/smarteditor/2.1.3버전 다운로드 페이지 : http://dev.naver.com/projects/smarteditor/download/note/37132.0버전 개발자 가이드 : http://dev.naver.com/projects/smarteditor/download/note/3575 다운로드를 받으셨다면 웹서버의 적당한 디렉토리에 구성요소들을 넣어줍니다...