오늘 만들고자 했던 것은 Select Box 스타일의 Family Site 링크 부분이다. 아래 이미지와 같다. 기존까지는 html select 태그와 자바스크립트를 이용해서 작업을 했는데.. 이 방식이 팝업이 차단되어 있는 브라우저에서는 새창이 뜨지 않는 문제가 있고 또 select 태그는 스타일 적용도 쉽지 않아 div를 이용해 새롭게 만들어 봤다. jQuery의 .animate() 를 이용해서 위로 천천히 올라오는 모습으로 구현을 했다. …
새로운 사이트 작업을 준비하면서 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 플러그인이 있어 사용해봤는데 원하는 거의 모든 것을 구현할 수 있을 것만 같았다. 지금이야 이미지 숫자를 이용해서 카운터가 되도록 하는 것만 사용 중인데.. 아래 이미지처럼.. 이미지의 아래처럼 구현을 해야했기 때문에.. 직접 자바스크립트 소스를 짜볼까도 생각을 했지만 그건 너무 시간 낭비인 …
예전 드림위버를 이용해 작업을 할 때는 메뉴 이미지 롤오버를 작성할 때 자동으로 롤오버 이미지 preloading 함수를 넣어주던데.. 그 소스를 그냥 사용해도 되지만 언젠가 부터 jQuery를 이용해서 작업을 하다 보니 롤오버 이미지를 preloading할 수 있는 코드가 존재하지 않을까 싶어 구글링해보니 역시 세상에는 능력자들이 너무도 많다는.. ㅎ 원글링크 : http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript 사용법은 원글에도 자세하게 나와있지만 아래 코드를 넣어주고 …
거창하게 팝업관리 시스템이라고 하고 싶었으나 그리 대단한 것은 아니기 때문에 그냥.. 팝업 관리를 좀 더 편하게 하고 싶어서 시간이 좀 있는 틈에 하나 만들었다. 예전에 다른 사이트 작업하면서 기본 개념을 이미 생각을 했던 부분이라서 이번에는 기능 추가에 좀 더 중점을 둬서 작업을 했다. jQuery도 쓰고 있으니까 이걸 활용해서 하면 좋을 것 같은 생각이 들었기 때문이다. …