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

처음 메뉴를 클릭하면 서브 메뉴들이 내려오는 스크립트를 만들때 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

이번에 프로젝트를 하면서 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 다운로드를 받으셨다면 웹서버의 적당한 디렉토리에 구성요소들을 넣어줍니다...

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