함께 일하는 실장님의 강력한 요청으로 반응형 웹이라고 해야할지.. 화면 해상도 크기에 따라서 리스트의 이미지 개수와 배치가 자동으로 바뀌는 것을 구현해야만 했다. 일단 jQuery를 이용해서 그런 기능을 가능하게 해주는 것은 공개가 되어 있는 상태.. 난 그걸 이용하기만 하면 되는데.. 알다시피 난 jQuery 초보기 때문에.. 어려움이 예상됐다. 사이트 : http://masonry.desandro.com/ 위 사이트 접속해보면 어떤 기능인지 쉽게 알 …
게시판 작업 중에 컨텐츠 영역에 보여질 이미지의 사이즈를 컨텐츠 영역에 맞게 줄여줘야 할 필요성이 생겨서 이리저리 궁리를 하다보니 jQuery의 each()와 코드를 적절히 사용하면 문제를 해결할 수 있을 것 같아 아래와 같이 코드를 작성하고 테스트해봤는데.. 딱 원하는 기능으로 작동을 하더라는.. ㅎㅎ 한번에 해결하니 좋네. ㅋ <script type=”text/javascript”>$(function() { var content_width = $(‘#view_content’).width(); if($(‘#view_content img’).size() > …
정확하게 제목을 쓴 것인지 모르겠는데.. 아래 그림을 보면 이해가 쉽지 않을까 싶다. 간단하게 테스트해보려고 만든 것인데 1번 메뉴가 보인 후 2번.. 이런 식으로 5번까지 메뉴가 순차적으로 위에서 아래로 내려오면서 보이게 되는 것을 구현하고 싶었다. 구글링을 통해서 간단한 소스를 찾기도 했는데 IE8에서 이상하게 작동을 해서 이 부분을 수정할 수 없을까 고민하다가 내 식대로 그냥 하나 코드를 …
뭘 하나 작업 중인데.. 폼 데이터 입력을 AJAX 기반으로 바꾸고자 jQuery Form Plugin 을 사용 중이다. 근데 어제부터 시작해서 오늘까지 하던 작업 중에 업로드된 파일을 삭제하는 기능이 필요해서 내 특기인 무한 삽질 테스트 중이었는데.. 잘 작동하던 PHP 코드가 도무지 작동을 안해서 이것저것 테스트해보니.. 글쎄 Form Plugin에서 <input type=”file” name=”uploadFile” /> 에 파일을 선택하지 않으면 아예 …
<?phpif (!defined(“_GNUBOARD_”)) exit; // 개별 페이지 접근 불가 $product_length = 3;$tv_idx = get_session(“ss_tv_idx”);?> <?php if($tv_idx) { ?><div id=”TodayView”> <div class=”tv_title”></div> <div class=”tv_product”> <div> <ul> <?php for ($i=1; $i<=$tv_idx; $i++) { $tv_it_id = get_session(“ss_tv[$i]”); $rowx = sql_fetch(” select it_id, …