개발자의 끄적끄적

[javascript/jquery] datatable reinitialize / datatable 재생성 방법 jquery datatable 을 사용하여 게시판형태의 기능을 연동할 때 특정 검색기능을 이용해서 해당 테이블이 새로고침 되게 연동을 해야하는 경우가 있습니다! 그럴때는 아래 옵션을 추가하면 됩니다! destroy: true, 위 내용처럼 destroy 옵션을 true 로 설정하면 기존에 생성되어있던 datatable 객체가 새로 생성될때마다 이전 객체를 죽이고 다시 만들어 냅니다! 따라서 새로운 내용이 반영된 테이블을 그자리에 다시 그릴수 있게 됩니다! 참고들 하세요!

[javascript/jquery] element chileNodes / 자바스크립트 자식 요소 찾는 방법 javascript 에서 특정 element 의 자식 요소를 찾아야 할 경우가 있습니다. 그럴때 아래 처럼 childNodes 를 사용하면 됩니다. var element = document.getElementById('name'); var child = element.childNodes; 위 내용을 보시면 아시겠지만, name 이라는 id 를 가진 요소를 element 에 저장하고 element.childNodes를 사용하여 자식정보들을 가져와서 child 라는 변수에 담는 내용입니다. 참고들 하세요!

[javascript/jquery] javascript grandParent element 찾는 방법 javascript 에서 특정 element 의 부모 요소나 부모의 부모 요소를 찾아야 할 경우가 있습니다. 그럴때 아래 처럼 parentNode 를 사용하면 됩니다. var element = document.getElementById('name'); var parent = element.parentNode; var grandParent = parent.parentNode 위 내용을 보시면 아시겠지만, name 이라는 id 를 가진 요소를 element 에 저장하고 element.parentNode 를 사용하여 부모정보를 가져와서 parent 라는 변수에 담고 parent 에서 한번더 parentNode..

[javascript/jquery] javascript parentNode 찾는 방법 / 부모 요소 찾기 javascript 에서 특정 element 의 부모 요소를 찾아야 할 경우가 있습니다. 그럴때 아래 처럼 parentNode 를 사용하면 됩니다. var element = document.getElementById('name'); var parent = element.parentNode; 위 내용을 보시면 아시겠지만, name 이라는 id 를 가진 요소를 element 에 저장하고 element.parentNode 를 사용하여 부모정보를 가져와서 parent 라는 변수에 담는 내용 입니다. 참고들 하세요!

[javascript/jquery] 자바스크립트 explorer 브라우자 체크하는 방법 javascript 에서 현재 접속한 사용자의 브라우저 정보를 확인해야 하는 경우가 있습니다. 그중에서 대부분의 브라우저에는 특별한 이상은 없지만, 국내 특성상 internet explorer 에서는 특정 로직 혹은 특정 css 를 반영해야 하는 경우가 빈번히 발생합니다. 그럴때 사용할 수 있는 자바스크립트 코드를 공유합니다. var agent = navigator.userAgent.toLowerCase(); if ( (navigator.appName == 'Netscape' && agent.indexOf('trident') != -1) || (agent.indexOf("msie") != -1)) { // if age..

[javascript/jquery] 자바스크립트 비메오 영상 종료 확인하는 방법 요즘 웹사이트에 유투브나 비메오 같은 영상을 연동하는일이 많이 있습니다. 그중에서 비메오의 영상을 연동할 경우 동영상이 종료되는 시점을 알아내고 싶을때 아래와 같이 스크립트를 이용하면 됩니다. 위 내용 보시면 아시겠지만, player 객체에 ended 이벤트를 수신하는 콜백 함수를 구현하면 동영상 재생이 종료되었을때, 하고자 하는 액션을 취할 수 있습니다. 참고들 하세요!

[javascript/jquery] javascript SMS 발송창 띄우는 방법 javascript 에서 특정 버튼클릭 혹은 액션시 문자발송창을 띄워야 하는 경우가 있습니다. 그럴때 아래처럼 구현 하시면 됩니다! 1. 기본 사용법입니다. "sms:" + phone number(option) 2. 예제입니다. location.href = sms:01011112222 위처럼 액션에 sms:[받는사람번호] 를 입력해놓으면 문자발송화면이 뜨게 됩니다. 참고들 하세요!

[javascript/jquery] how to convert json string to object / json 문자열을 object 로 변환하는 방법 javascript 에서 ajax 를 이용하여 json 데이터를 주고받다보면 특정 결과들이 파싱이 잘 안되는 경우가 있습니다. 그럴때 json string 를 json object 로 변환하여 사용하면 해결되는 경우가 있습니다. 아래는 예제입니다. var str = '{"name":"test1"},{"name":"test2"}'; var jsonObj = $.parseJSON('[' + str + ']'); 위 내용처럼, str 이라는 json string가 있을때 이것을 jsonobject 로 변환하는 방법입니다. 저렇게 하면 object 형태의 결과..