jQuery Plugin Easy Widgets
웹페이지에 Widget이 필요한 것인지 사실은 잘 모르지만 어쩌면 조만간 그런 비슷한 것을 만들어야 할 것 같아 자료를 좀 찾아보니 GNU보드 사이트에 적용된 시스템이 좋을 것 같았다. 나중에 구현하려는 시스템은 이것에서 AJAX를 이용해 DB에 정렬 순서를 기록하게 하는 것이 목표인데 잘 할 수 있을지는 모르겠다. ㅎㅎ 그누보드 사이트에 접속해서 메인 페이지의 최근 글 박스를 드래그 해보면 …
Tag: jQuery
[jQuery] Select Box 스타일 Family Site 링크
오늘 만들고자 했던 것은 Select Box 스타일의 Family Site 링크 부분이다. 아래 이미지와 같다. 기존까지는 html select 태그와 자바스크립트를 이용해서 작업을 했는데.. 이 방식이 팝업이 차단되어 있는 브라우저에서는 새창이 뜨지 않는 문제가 있고 또 select 태그는 스타일 적용도 쉽지 않아 div를 이용해 새롭게 만들어 봤다. jQuery의 .animate() 를 이용해서 위로 천천히 올라오는 모습으로 구현을 했다. …
GNU보드 관리자 페이지 layer_view 함수 수정
새로운 사이트 작업을 준비하면서 GNU보드의 head.sub.php 파일에 문서타입을 지정했더니 관리자 페이지에서 상단 메뉴 레이어가 제 위치에 표시되지 않는 문제가 있어 미천한 jQuery 지식을 이용해서 함수를 수정했다. adm/admin.head.php 파일에 보면 아래와 같은 함수가 있다. function layer_view(link_id, menu_id, opt, x, y) { var link = document.getElementById(link_id); var menu = document.getElementById(menu_id); //for …
[jQuery] Countdown Plugin
자바 스크립트로 만들어둔 소스를 사용하다가 이번에 디자인 요상(?)하게 나오는 바람에 카운터로 사용할 소스를 찾다보니 jQuery Countdown 플러그인이 있어 사용해봤는데 원하는 거의 모든 것을 구현할 수 있을 것만 같았다. 지금이야 이미지 숫자를 이용해서 카운터가 되도록 하는 것만 사용 중인데.. 아래 이미지처럼.. 이미지의 아래처럼 구현을 해야했기 때문에.. 직접 자바스크립트 소스를 짜볼까도 생각을 했지만 그건 너무 시간 낭비인 …
jQuery Image Preloading 소스 링크
예전 드림위버를 이용해 작업을 할 때는 메뉴 이미지 롤오버를 작성할 때 자동으로 롤오버 이미지 preloading 함수를 넣어주던데.. 그 소스를 그냥 사용해도 되지만 언젠가 부터 jQuery를 이용해서 작업을 하다 보니 롤오버 이미지를 preloading할 수 있는 코드가 존재하지 않을까 싶어 구글링해보니 역시 세상에는 능력자들이 너무도 많다는.. ㅎ 원글링크 : http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript 사용법은 원글에도 자세하게 나와있지만 아래 코드를 넣어주고 …