개발자의 끄적끄적

[javascript/jquery] jquery datetimepicker cannot read property 'formatdate' of null 에러 해결 방법 jquery 플러그인 중에서 날짜와 시간을 함께 쓰고싶어서 jquery datetimepicker 를 사용하려고 연동을했는데 아래와 같은 에러가 뜨는 경우가 있습니다! cannot read property 'formatdate' of null 그럴때는 페이지 상단에 로드된 js 파일을 보면 아래와 같이 되어 있을텐데 jquery.datetimepicker.js 위 파일 말고 아래와 같이 full 버전의 js 를 로드시켜주면 됩니다. jquery.datetimepicker.full.min.js 그리고 새로고침하면 이상없이 정상 동작합니다! 참..

[javascript/jquery] jquery datatable get total records count example / jquery datatable 전체 레코드수 가져오기 jquery datatable 을 사용하다보면 특정영역에 전체 레코드 수를 표시해야 하는 경우가 있습니다. 그냥 짜여진 테이블은 데이터베이스를 조회할때 처리를 하면 되지만 jquery datatable 는 내부의 값을 찾아서 표시해야합니다. 우선 아래와 같이 dataTable 라는 아이디를 가진 datatable 형식으로 표기되고 있는 테이블을 table 라는 변수에 담고 var table = $('#dataTable').DataTable(); 위에서 담은 table 라는 변수의 값들중 page.info().recordsTot..

[javascript/jquery] 자바크스립트로 파라미터 넘기고 받기 / javascript send parameter example js 파일을 페이지에서 로드할때 특정 변수에 값을 주어 구분을 하고 싶은 경우가 있습니다. aaa.js?abc=1 이런식으로 query string 을 넘겨서 js 파일내에서 받아서 처리해야 할때에는 아래처럼 사용하시면 됩니다! var chkParam = function() { var script = document.getElementById('id_script'); //var script = scripts.item(scripts.length - 1); var match = script.src.match(/\?(.+)$/); var get = match[1]; var p..

[javascript/jquery] jquery url check example / jquery 현재 url 알아내는 방법 jquery 로 현재 url 정보를 알아내는 방법입니다. $(location).attr 을 이용하는 방법입니다! 아래는 기본 사용법입니다. $(location).attr("href"); 위 내용을 console.log 로 출력해보면 현재 접속중이 url 전체가 출력될껍니다. 그밖의 다른 정보나 url 정보중 필요한 내용만 확인하고 싶으시면 attr("href") 대신 아래 옵션들을 사용해서 출력하시면 됩니다! protocol host pathname search $(location).attr("protocol") 과 같은 방식으로 사용하시면 됩니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 현재 url 확인하는 방법 javascript 에서 현재 url 을 확인하고 싶을때 아래와 같이 window.location.href 를 사용합니다. window.location.href; 하지만 위처럼 href 를 사용하지 않고 도메인과 경로를 끊어서 가져오는 방법도 있습니다. 바로 아래처럼 protocol / host / pathname 를 이용하면 전체 url 을 가져올 수 있습니다. var url = window.location.protocol + "//" + window.location.host + window.location.pathname; 위 url 이라는 변수를 아래와 같이 출력하면 결과를 확인하실 수 있습니다. console.log(url..

[javascript/jquery] selectbox get seleted text / 셀렉트박스에서 선택된 옵션의 텍스트 가져오기 jquery 에서 selectbox 를 사용하다보면 선택된 값의 글자를 확인해야 하는 경우가 있습니다. 그럴때는 아래와 같이 사용하시면 됩니다! $("#TARGET_ID option:selected").text(); 위 내용 보시면 아시겠지만 #ID option:selected 라는 내용은 selectbox 의 아이디의 옵션들중 selected 즉, 선택된 항목을 가리키는 겁니다. 그것의 text를 가져온다는 내용입니다! TARGET_ID 에 적용하시고자 하는 select 태그의 아이디를 넣어주시고, 테스트해보시면 됩니다! 참고들 하세요!

[javascript/jquery] free javascript & jquery library site / 무료 자바스크립트 라이브러리 모음 사이트 [링크] 웹 사이트를 개발하다보면 javascript / jquery 는 무조건 사용하는데요 이때 라이브러리는 잘 활용하는 것도 중요한 요소라고 생각됩니다! 그래서 무료 javascript / jquery 라이브러리&플러그인을 잘 정리해둔 사이트가 있어서 공유하고자 합니다! 들어가셔서 한번씩 둘러보시면 도움이 되실듯 합니다! 참고들 하세요! javascript / jquery library & plugin site link : mellonia-lab.tistory.com/29

[javascript/jquery] 자바스크립트 몫과 나머지 구하는 방법 javascript 에서 나누기 연산중 몫과 나머지는 구하는 방법입니다. 바로 parseInt 와 % 연산자를 이용하는 방법입니다. 아래처럼 a 라는 변수에 parseInt(5/2) 를 넣고 b 라는 변수에 5%2 의 값을 넣고 var a = parseInt(5/2); var b = 5%2; 위에서 계산한 2개의 변수를 출력하면 아래와 같은 결과가 나옵니다. console.log(a); --> result : 2 console.log(b);--> result : 1 즉, parseInt 를 이용하여 2.5 라고 나오는 값을 정수화 해서 2 라는 몫을 구하고 % 연산자를 이용하여 5%2 의 나머지인 1을 구합니다. 참고들 하세요!