현재 작업 중인 쇼핑몰 메인 화면에 배너 부분을 관리할 수 있는 기능을 추가하기 위해 열심히 삽질 중이다. 내가 구현하고자 했던 기능은 위 이미지에서 수정 버튼을 눌렀을 경우 정보가 수정이 되도록 하는 것이었다. jQuery $.post 를 이용해 텍스트 정보는 쉽게 수정을 할 수 있는데 파일 업로드는 불가능해서 한참을 고민했다. 다행히 jQuery Form Plugin 이라는 것을 이용하면 …
jQuery Validation Plugin : http://docs.jquery.com/Plugins/Validation $.validator.setDefaults({ onkeyup:false, onclick:false, onfocusout:false, showErrors:function(errorMap, errorList){ if(this.numberOfInvalids()) { // 에러가 있을 때만.. alert(errorList[0].message); } } }); $(“#ItemForm”).validate({ rules: { it_name: “required” }, …
한창 작업 중인 쇼핑몰 사이트에 사용하기 위해 jQuery Validation 플러그인을 찾아보니 다행히 마음에 드는 강력한 플러그인이 있어 소개하고자 한다. 매번 직접 스크립트로 폼의 데이터를 검증했는데 이제는 좀 편하게할 수 있겠다. Validation 플러그인 공식사이트 : http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Validation 플러그인 참고 문서 : http://rocketsquared.com/wiki/Plugins/Validation 아래는 어떤 식으로 사용이 되는지를 보여주는 간단한 예제이다. 참고 예제 : http://jquery.bassistance.de/validate/demo/milk/ <script id=”demo” …
사이트 작업 중에 즐겨찾기/북마크 추가 기능이 필요해서 jQuery 플러그인을 검색해보니 jFav라는 플러그인이 있었다. 간단하게 즐겨찾기/북마크 추가 기능을 구현할 수 있는 플러그인으로 잘 활용하면 유용할 것 같다. ㅎㅎ jFav 다운로드 : http://plugins.jquery.com/project/jFav 사용법은 아래와 같다. <script type=”text/javascript” src=”./js/jFav-1.0.js”></script> 즐겨찾기/북마크 링크는 아래와 같이 지정해준다. <a id=”AddBookmarkButton” href=”http://www.aaa.com/” title=”사이트AAA”><img src=”./bookmark_btn.png” alt=”즐겨찾기 추가” /></a> <script type=”text/javascript”> $(function() { …
웹페이지에 Widget이 필요한 것인지 사실은 잘 모르지만 어쩌면 조만간 그런 비슷한 것을 만들어야 할 것 같아 자료를 좀 찾아보니 GNU보드 사이트에 적용된 시스템이 좋을 것 같았다. 나중에 구현하려는 시스템은 이것에서 AJAX를 이용해 DB에 정렬 순서를 기록하게 하는 것이 목표인데 잘 할 수 있을지는 모르겠다. ㅎㅎ 그누보드 사이트에 접속해서 메인 페이지의 최근 글 박스를 드래그 해보면 …