얼마전 jQuery를 이용하여 폼의 값을 ajax방식으로 처리하는 코드를 작성했는데 폼의 값을 넘기면 두 개의 레코드가 등록되는 문제가 발생한 적이 있다. submit 버튼이 두번 클릭돼서 그런가 싶어 한번 클릭하면 disabled 시켜보기도 했는데 마찬가지 결과가 나왔다. ajax 방식이 아닐 때는 문제가 생기지 않는 걸로 봐서 ajax 관련 코드가 문제인 걸로 파악하고 내가 제일 잘하는 것.. 무한 삽질을 …
지난 주말에 웹접근성 간담회도 다녀왔고.. 또 지금 하고 있는 일이 웹접근성 향상 쇼핑몰 솔루션이다 보니까 뭘 하나 하더라도 일단 접근성에 최대한 맞추고자 노력을 하게 된다. 물론 완벽하게 이해를 하고 하는 게 아니라서 시행착오도 많은데.. 오늘은 쇼핑몰에선 빠질 수 없는 것 중에 옵션선택 부분에 대해서 고민을 해보게 됐다. 마우스 이용만을 고려했을 때는 옵션을 선택하면 바로 선택된 …
요즘 쇼핑몰 솔루션 작업을 하면서 jQuery를 많이 사용하고 있다. 그런데 이 솔루션이 나 혼자만 쓰는 거라면 엘리먼트에 id 잔뜩 부여해서 사용해도 문제가 없을 듯 한데.. 배포될 솔루션이라 섣불리 id만 마구 부여할 수도 없는 노릇이고.. 자칫 다른 사람이 수정하면서 id를 바꿔버리면 문제가 되기 때문에.. 그래서 closest() 이나 find() 등을 사용해서 엘리먼트를 선택하도록 코드를 작성하고 있는데.. 이것도 …
또 제목만 거창하게 쓰고.. 내용은 그다지 거창하지 않는 jQuery 소스 코드이다. 주어진 테이블에 동적으로 TR을 추가하는 것인데.. 추가와 함께 삭제하는 기능도 포함되어 있다. <table > <tbody> <tr> <th>옵션명</th> <th colspan=”2″>옵션항목(,로 구분)</th> </tr> <tr> <td><input type=”text” name=”spl_subject[]” value=”” class=”frm_input” size=”15″></td> <td><input type=”text” name=”spl[]” value=”” class=”frm_input” size=”50″></td> <td><button type=”button” id=”supply_table_create”>옵션목록생성</button></td> </tr> <tr> <td colspan=”3″><button type=”button” id=”add_supply_row”>입력필드추가</button></td> </tr> </tbody> </table> …
뭐 대단한 것은 아니다. 여러 장의 이미지를 이전, 다음 버튼을 클랙할 때마다 좌, 우로 슬라이딩 되면서 보여주는 게 전부이다. 이런 간단한 것을 간만에 했더니 좀 시간이 걸렸는데.. 자주 쓰던 것들도 한동안 안쓰니 머리 속에서 시원스레 지워지나 보다. ㅋ 먼저 jQuery 코드이다. <script> $(function() { var time = 500; var idx = idx2 = 0; var …