웹개발자의 기지개

기존에 포스팅 참고 [ checkbox 전체선택, 전체해제, 선택한 checkbox 내용확인하기 1 ] https://wonpaper.tistory.com/308 [javascript] checkbox 전체선택, 전체해제, 선택한 checkbox 내용확인하기 1 javascript 소스상으로 checkbox 의 전체선택, 전체해제 기능과 체크한 checkbox 만의 내용을 확인해보는 간단한 예제를 만들어 정리해 보았다. 실무상으로 자주 쓰이기 때문에 반드시 익혀두도록 하자. wonpaper.tistory.com 실무에서 자주 쓰이는 부분인데, 다시 다른 소스로 정리해 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ..

PC상에서는 input 태그에서 maxlength 가 아주 잘 먹힌다. 문제는 모바일에서는 이넘이 안먹힌다는 데 있다. 결국 아래의 Javascript 함수로 maxlength 값길이를 제한 걸어둘 수가 있다. 모바일 코딩시 반드시 필요하므로 꼭 기억해 두자. 1 2 3 4 5 6 7 8 9 10 11 function maxLengthCheck(object){ if (object.value.length > object.maxLength){ object.value = object.value.slice(0, object.maxLength); } } cs 참고 : https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=twilight_teati..

앵커라 한다. anchor 기능, 바로가기 기능을 javascript 상으로 만들어보도록 하자. 브라우저의 웹상에서, 문제가 되는것이 Height 값이다. 각각의 Height 값에 따라서, 해당 그 높이 위치로 바로가기 이동된다. https://developer.mozilla.org/ko/docs/Web/API/Window/scrollTo Window.scrollTo() - Web API | MDN 문서의 지정된 위치로 스크롤합니다. developer.mozilla.org mozilla 사이트에서 보면 기본 함수 기능이 바로 나와있다. window.scrollTo(x좌표값, y좌표값) indow.scrollTo( 0, 1000 ); x 좌표값을 넣어주면 가로방향, y 좌표값은 세로방향인 Height 값을..

여러개의 radio 버튼중에 하나를 체크했는지 확인하는 간단한 소스정리했다. 물론 jquery 로 더욱 간편하게 하는 소스도 검색해보면 더 많이 나오지만 필자는 올드한(?) 사람이라 구식이 더 좋은거 같다 ^^ 1 2 3 4 5 6 7 8 9 10 11 12 var boo = false; var address1 = document.getElementsByName("address1"); for (var i=0;i

data값이 json 데이터로 이루어져있고, javascript 형태로 불러와서 처리해야 한다. javascript 상에서 json 을 파싱해보자. data 값은 {"result":{"code":"00","message":"정상승인","advancedMessage":"정상승인","creat":"2021031155555"},"purchaseResult":{"amount":500,"trnNo":"T210311009999","authCode":"000172","balance":1305000,"ordCd":"V4040900","unitName":"계성면","grade":"초등학생","last4":"9991","settleResult":{"rate":0.018,"fee":9,"supplyAmount":8,"vat..

window.open 형태로 부모창에서 자식창을 열어서 외부로 입력받는 폼값들을 만들었다. 문제는 자식창의 이러한 폼값들을 다시 원래의 부모창으로 POST 값들을 넘겨주어야 할때 생각해 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 function sendPost() { var form = document.createElement('form'); form.setAttribute('method', 'post'); form.setAttribute('action', "/부모창.asp"); document.charset = "utf-8"; var hiddenField = document.c..

1초마다 자동 갱신되는 타이머를 구해보자. javascript함수중에 setInterval 이 함수가 핵심이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 function CountDownTimer(dt, id) { var end = new Date(dt); var _second = 1000; var _minute = _second * 60; var _hour = _minute * 60; var _day = _hour * 24; var timer; function showRemaining() { var now = new Date(); var distance = end - now; if (distance

javascript 소스상으로 checkbox 의 전체선택, 전체해제 기능과 체크한 checkbox 만의 내용을 확인해보는 간단한 예제를 만들어 정리해 보았다. 실무상으로 자주 쓰이기 때문에 반드시 익혀두도록 하자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 귤 사과 마늘 딸기 전체선택/전체해제 function itemAllChk() { if (document.getElementById("itemAll").checked) { var obj = document.getElementsByName("item[]");..