본문 바로가기

Local Oriented/jQuery

 (132)
jQueryUI 로 팝업 사용시 팝업에 사용된 input 등의 컨트롤은 팝업 용도로만 사용 가능 jQueryUI 로 팝업 띄울때, 팝업에 input 등의 태그를 사용하고 form 문 안에 정의하더라도.. 팝업에서만 사용되고, action 쪽으로 해당 내용이 넘어가지 않습니다. ^^> ... ... ...
jsCarousel 2.0.0, jQuery 기반의 이미지 슬라이드 플러그인 jsCarousel 은.. 이미지들이 자동으로 스크롤 되면서, 마우스 커서가 하버링 되면 자동 스크롤이 멈췄다가 마우스 커서가 다른 곳으로 가면 다시 자동 스크롤 되는 플러그인입니다. 파일을 첨부하였습니다. 원래의 홈페이지를 찾으려 하니까 찾기 쉽지 않네요.. 아래는 샘플입니다. 그중 적당한 옵션으로 보이구요.. .jsCarousel({ onthumbnailclick:function(src){ openThis(0,src) }, scrollspeed:1000, delay:4000, autoscroll:true, masked:true, itemstodisplay:5, orientation:'h' }); 상기 옵션은 다음과 같습니다. onthumbnailclick 은 썸네일 이미지 위에서 마우스 클릭이 일어나..
이미지 맵에 jQuery attr 함수를 사용하여 '손' 모양의 커서를 붙이면서 링크 거는 방법 이미지 맵에 bind 함수로 click 이벤트를 넣으면 작동은 하는데.. 이미지에서 이미지 맵에 설정된 곳에 '손' 모양의 커서가 나오지 않아요. css 함수로 커서를 넣으려고도 해 보고, addClass 함수를 써 봐도 소용이 없더군요. area 태그에 href 를 추가하면 '손' 모양의 커서가 표시되기는 하지만.. 클릭하면 엉뚱한 결과가 나오져.. 그래서, bind 는 포기하고.. attr 함수를 써서 'href' 속성에 값을 넣도록 하니 커서 모양도 바뀌고, 제대로 돌아갑니다.. 아래 예에서는 shape 을 poly 로 주었는데, 다른 속성을 사용해도 마찬가지 입니다. openThis 함수는 별도로 만들어져 있는데.. 그냥, window.open 에 파라미터 주는 거라서 생략. 링크 달때, href..
jQuery 1.4.x 입문서, jQuery Cookbook (실전 jQuery 쿡북) v1.4.x 증보판 깜장 바탕에 빨간 글씨 jQuery Cookbook. 울 회사 홈피가 까망 빨강인데, 딱 스타일이 맞네요.. ㅎㅎ 관리자 화면 만들다가 갑자기 돌아가지 않는 자바스크립트 코드를 보고, 몇 시간 동안 이리저리 해 보다 결국 포기했더랬어요. 그런데, 여기저기 뒤적이다 보니.. jQuery 는 어떨까 싶어서, 이쪽 코드를 몇개 테스트 했습니다.. 음.. 이제는 잘 되는군요. 범용성이라는 것이 이리 중요한 것을.. 조금씩 다른 웹브라우저들을 모두 테스트 해서, 그리고, 동일한 코드로 여러 브라우저에서 작동하게 만들어진 자바스크립트 프레임웍.. jQuery. 이제 슬슬 공부해 봐야겠네요. 그동안 흐릿하게 나마 접해 왔던 jQuery 를 요리해서 맛나게 잘 먹겠습니다. 역시나 인터넷으로 서적을 구매할 때는 예스24..

티스토리툴바