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

자바스크립트의 window.open으로 새창을 열때 잘못된 인수 오류가 나오는 경우가 있는데 window.open('url','새창의 이름','width=450,height=350,scrollbars=no'); 위와 같이 타이틀에 (띄어쓰기)가 들어가면 오류가 나게 됩니다. window.open을 사용할때는 띄어쓰기를 사용하지 않고 이어서적으시는것 주의하세요.

요즘 브라우저들 기준으로 스크립트를 짯었는데 IE7에서 테스트를 하다가 함수가 제대로 실행되지 않는 현상이 있어서 알게된 것인데 최근 브라우저들은 함수를 선언할때 function fncTest(param, param2){} 와 같이 파라미터를 받도록 선언해두고fncTest(); 와 같이 함수를 호출할때 파라미터를 넘겨주지 않아도 실행되는 반면에IE7에서는 fncTest(param, param2); 와 같이 함수를 호출할때 파라미터를 모두 넘겨주어야 실행이 되네요. 스크립트 작성시에 주의해야할 것 같네요.

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에서는 오류로 잡혔던것이었습니다. 혹시나 스크립트 오류가 난다면 브라우저마다 체크하는 과정이 다르므로 본인이 작성한 소스에 오류가 없는지 먼저 검사 해보시길 ~

IE에서는 link 와 같이 작동이 잘 되었었는데 다른 브라우저에서는 작동하지 않는다면 link link 이렇게 return false를 추가해서 사용하시면 작동합니다.