작업 중인 쇼핑몰에 가비아 하이웍스빌 연동 작업 중인데.. 하이웍스빌 솔루션에서 문자기능도 제공을 해서 이걸 이용하기 위해 삽질을 계속하고 있던 중.. 남은 문자 수를 체크하는 부분을 만들었는데 이 체크가 꽤 시간이 걸리는 관계로 페이지 로딩 속도가 늦어지는 문제가 발생.. 해결책을 생각하던 중 문자 체크를 몇초 정도 늦게 실행하면 되겠다 하는 생각이 들어서.. 조금 검색해보니 setTimeout 을 …
제목이 뭐 저따위로 밖에 생각이 나지 않는지.. 머리가 점점 썩어가나 보다. 이래서 무슨 코딩을 한다고.. ㅠ_ㅠ 이런 식으로 페이지에 구성을 했을 경우 옵션을 변경하게 되면 판매가격 부분이 그에 맞게 변하게 하고 싶어서.. 점심 먹고 와서 삽질 중인데.. 이제야 뭔가 원하는 결과물이 나오게 되었다. 좀 더 기능면에서 보완해야 할 점이 있는데 이건 또 언제 해결할지.. 실력이 …
회원 가입시 아이디는 영문, 숫자, -, _ 정도만 입력하게 하려면 정규식을 이용해서 체크를 해야한다. 또한 아이디 첫 글자는 영문자로 해야한다는 조건도 있다. 우선 PHP 코드는 아래와 같다. if(!preg_match(“/^[a-z]/i”, $mb_id)) { echo “아이디의 첫글자는 영문이어야 합니다.”; exit; } if(preg_match(“/[^a-z0-9-_]/i”, $mb_id)) { echo “아이디는 영문, 숫자, -, _ 만 사용할 수 있습니다.”; exit; …
한창 작업 중인 쇼핑몰 사이트에 사용하기 위해 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” …
작업 중인 사이트에서 컬러 이미지를 그레이스케일로 변환하고 마우스 오버시 테두리와 원래 이미지가 보여야 하는 기능이 필요해서 구글링을 해본 결과 쉽게 적용할 수 있는 자바스크립트 소스가 있어 급하게 테스트용으로 코드를 작성해 봤다. 아래 이미지와 같은 기능을 구현하는 것이다. cfile8.uf.194F183C4EB7942E255FBE.js 이미지를 그레이스케일로 변환하는 자바스크립트 소스는 위 grayscale.js 파일을 다운로드 하여 사용하면 된다. 테스트에 사용한 소스코드는 아래와 같다. …