과거에는 하드 코딩을 좋아해서 명령어도 다 외웠는데 이제는 필요할 때마다 검색해서 사용하다 보니 간단한 함수나 명령어도 기억이 나질 않네요. 자주 사용하는 체크 박스에서 체크 여부와 전체 체크를 할 수 있는 jQuery 소스를 안내하고자 합니다.오리지널 JavaScript 방식으로 개발 하는 경우 소스가 길었지만 jQuery로 할 때에는 아래와 같이 간단하게 구성이 가능합니다./* html */
<input type="checkbox" id="chk" value="1">
/* javascript 방식 */
var o = document.getElementById('chk');
var ischecked = o....
새 글을 작성하거나 검색을 할 때 데이터가 많거나 인터넷이 느린 경우 화면에 나타나지 않아 여러 차례 클릭하는 경우가 있습니다. 또는 사용자 실수인 경우도 있으며 마우스 버튼이 민감한 경우 다중 클릭이 시동 되기도 합니다. 이런 경우 글이 여러 개 등록되거나 서버에 많은 요청을 시도해서 속도 저하의 문제가 될 수 있습니다. 서버 접속자에 대한 타임 아웃 시간 제한이나 업그레이드가 방법일 수 있지만 그전에 간단한 방법으로 효율성을 높이는 방법으로 버튼을 1회만 누르고 대기하도록 유도하는 것입니다.아래의 데이터에...
전화번호 텍스트를 input 박스에서 입력 받을 때 불필요한 문자 입력을 막고 정형화된 형식을 입력하게 되면 필터링이 필요 없고 정확한 데이터를 얻는데 도움이 됩니다.다양한 소스 코드가 있지만 코드가 길지 않고 간편하게 사용할 수 있는 스크립트를 안내 하고자 합니다.아래와 같이 특수 문자 없이 숫자만 입력하면 자동으로 하이픈이 입력됩니다.아래와 같이 소스를 통해 사용할 수 있습니다.Class에 phoneNumber 항목을 추가합니다.<input type="tel" class="phoneNumber" id="mobile" name="mobile" value="">
/*javasc...