[jQuery] 배너 롤링 구현 코드
최근에 jQuery를 이용해서 여러 개의 이미지 배너가 계속해서 롤링되는 소스를 만들어야 했다. 한방향으로만 롤링이 되는 것이 아니라 좌, 우 버튼을 클릭하면 좌 또는 우로 롤링 방향이 바뀌어야 했는데.. 이걸 어떻게 구현 해야할지 막막하기만 했다. 그러다 문득 떠오른 생각이 현재 보이는 배너를 기준으로 다른 이미지 배너의 위치를 다시 정렬하는 것이었다. 예를 들어 왼쪽 버튼을 클릭하면 현재 …
Tag: JavaScript
[JS] 목재 쇼핑몰에서 사용할 재단 계산 스크립트
<script type=”text/javascript”> var per_cost = parseInt(“<?php echo $cost; ?>”); var max_size = parseInt(“<?php echo $max_size; ?>”); $(function() { $(‘#InsertRow’).click(function() { $(‘#item_cut_form li.cut_option:last’).after(‘<li class=”cut_option”><div class=”cut_length”><input type=”text” name=”length[]” class=”CutLength” value=”0″ /> mm</div><div class=”cut_quantity”><div><input type=”text” name=”quantity[]” class=”CutQuantity” value=”1″ /> 개</div><div class=”DeleteRow”></div></div></li>’); }); $(‘#item_cut_form li.cut_option div.DeleteRow’).live(‘click’, function() { $(this).closest(“.cut_option”).remove(); CutLengthCalculate(); …
자바스크립트 실행제어 setTimeout
작업 중인 쇼핑몰에 가비아 하이웍스빌 연동 작업 중인데.. 하이웍스빌 솔루션에서 문자기능도 제공을 해서 이걸 이용하기 위해 삽질을 계속하고 있던 중.. 남은 문자 수를 체크하는 부분을 만들었는데 이 체크가 꽤 시간이 걸리는 관계로 페이지 로딩 속도가 늦어지는 문제가 발생.. 해결책을 생각하던 중 문자 체크를 몇초 정도 늦게 실행하면 되겠다 하는 생각이 들어서.. 조금 검색해보니 setTimeout 을 …
[JS] 롤링 갤러리 구현
jQuery를 이용해서 롤링 갤러리를 한번 만들어 봤다. 이미지가 3개로 고정되어 있어서 가능했지 그렇지 않았으면 내 실력으로 구현을 할 수가 있었을지 자신은 없다. 갤러리는 아래 이미지와 같다. 세로 1~3번을 클릭하면 그에 따라 이미지 보여지고 클릭했던 세로 바는 위치 이동 후 사라지는 것인데.. 쉽게 생각했다 된통 당했다. 실력이 없어서.. <script type=”text/javascript”> var current_idx = 0; var old_idx …
[jQuery] Form Submit 할 때 AJAX 이용하여 Value 체크
괜한 것을 한번 해보겠다고 아침부터 덤벼서 이제야 조금 답이 보이기 시작했다. 어제 퇴근 길에 괜한 생각을.. ㅋ 내가 조심해야 할 것은 퇴근 길 버스 안에서 쓸데없는(?) 생각을 하지 않는 것이다. 항상 이것때문에 내가 힘들다는.. 구현하려고 했던 것이 무엇이냐하면 회원들의 회비를 입력하는 폼이 있는데 이 때 AJAX를 이용해서 회원등급에 따라 회비 금액이 맞는지 체크하고자 했다. 관리자가 …