쇼핑몰 마이페이지에서 주문조회 시 날짜 입력하는 부분을 작업 중인데.. 날짜 입력을 아이콘을 클릭했을 때 입력되도록 해야 한다. 입력 날짜의 형식을 일정하게 해야하기 때문이다. 날짜입력은 jQuery UI 플러그인을 사용해서 이미지처럼 표시되게 한다. 아래는 소스 코드이다. <div id=”searchBox”> <div id=”simpleSearch”> <div class=”scitem1″>간편검색</div> <div class=”scitem2″> <div class=”period_button”><img src=”<?=$g4[mypage_img_path]?>/btn_1week.png” alt=”최근1주일” /></div> …
회원 가입 폼 체크에서 jQuery Validation 플러그인을 활용하면 폼 체크를 비교적 간단히 할 수 있다. <script type=”text/javascript”> $(function() { $.validator.setDefaults({ onkeyup:false, onclick:false, onfocusout:false, showErrors:function(errorMap, errorList){ if(this.numberOfInvalids()) { alert(errorList[0].message); } } }); $(‘form[name=fmember]’).validate({ …
회원 가입시 아이디는 영문, 숫자, -, _ 정도만 입력하게 하려면 정규식을 이용해서 체크를 해야한다. 또한 아이디 첫 글자는 영문자로 해야한다는 조건도 있다. 우선 PHP 코드는 아래와 같다. if(!preg_match(“/^[a-z]/i”, $mb_id)) { echo “아이디의 첫글자는 영문이어야 합니다.”; exit; } if(preg_match(“/[^a-z0-9-_]/i”, $mb_id)) { echo “아이디는 영문, 숫자, -, _ 만 사용할 수 있습니다.”; exit; …
쇼핑몰 작업 중에 신용카드 연동을 위한 작업을 진행 중인데.. 연동 완료 후 승인 시간을 날짜는 20120104 그리고 시간은 153614 와 같은 형식으로 데이터를 넘겨줘서 MySQL DB에 저장할 datetime 형식이 필요해서 만든 것이다. <?php echo preg_replace(“/([0-9]{4})([0-9]{2})([0-9]{2})/”, “\1-\2-\3”, “20120104”); echo preg_replace(“/([0-9]{2})([0-9]{2})([0-9]{2})/”, “\1:\2:\3”, “153614”); ?> 위에는 날짜 형식을 바꾸는 것이 아래는 시간 형식을 변경하는 부분이다.
이전에 작성했던 2011/10/26 – Easy Widgets를 이용한 정렬 순서 수정 포스팅에서 상품정렬 순서를 마우스드래그로 변경하도록 했었는데 이 때 테스트에서 미처 몰랐던 부분이 실제로 적용해보니 생겨서 다시 정리하고자 한다. 문제는 바로 widget-header 부분에 이미지가 나올 때 영역의 이동이 안되는 문제이다. 파이어폭스에서는 이상없이 되지만 IE에서는 이동이 되지 않는다. 처음 테스트 할 때는 텍스트만 있어서 전혀 몰랐던 문제였다. …