본문 바로가기

JQuery31

jQuery - 바코드(barcode) 만들기 자바스크립트로 바코드 만들기 간단하게 스크립트로 바코드를 만들수 있는 방법이다. ▼해당 사이트를 참조하였다. http://barcode-coder.com/en/barcode-jquery-plugin-201.html ▼아래는 해당 URL을 보고 만든 샘플 아래 소스를 갖다 써도 되고 아래 파일을 다운받아 한폴더에서 실행하면 충분한 레퍼런스가 될거라 생각됩니다. $("#bcTarget").barcode("1234567890128", "codabar"); // 바코드 타입 // codabar // code11 (code 11) // code39 (code 39) // code93 (code 93) // code128 (code 128) // ean8 (ean 8) // ean13 (ean 13) // std2.. 2017. 9. 4.
JavaScript - select 박스의 option value, text 가져오기 셀렉트 박스의 옵션 값과 텍스트 값 가져오기 셀렉트 박스를 다룰 때 간단하지만 자주 찾고 자주 까먹는 방법입니다. options[target.selectedIndex].text : 셀렉트 박스 옵션 사이에 있는 텍스트 값을 가져온다options[target.selectedIndex].value : 셀렉트 박스 value 의 값을 가져온다. ▼ 아래처럼 하면은 셀렉트박스의 text 값과 value 값을 가져오는 방법이 됩니다. A B C var target = document.getElementById("selectBox"); alert('선택된 옵션 text 값=' + target.options[target.selectedIndex].text); // 옵션 text 값 alert('선택된 옵션 value.. 2017. 8. 31.
JavaScript - select readonly 적용 셀렉트 박스 값 변경하지 못하게 하기 (readonly) select박스는 알다시피 readonly가 먹지가 않습니다.그렇다고 disabled 를 하면 post로 넘어온 값을 받을 수 없습니다.disabled로 인해 얼어 버린 select 박스는 고객 입장에서는 문제가 생겼나라는 생각이 듭니다. 그래서 오늘은 select box의 readonly 효과를 흉내내는 방법을 구현해봤다. ▼아래와 같이 onFocus와 onChange를 이용해Readonly 와 같은 효과를 낼 수 있다. 1 2 3 ▼다른 값을 선택한다고 해도 최초의 selected 된것을 하면 기존의 값 그대로 다시 선택 된다. 마무리가을이네요^^ 취미가 있으신가요? 일도 좋지만 재밌어 하는것에도 미쳐보세요 2017. 8. 30.
Javascript - 자바스크립트 암호화, 압축하기 / packer 패커로 자바스크립트 암호화, 압축하기 .js는 공개되어 있다. HTML을 동적으로 만들어주는 역할을 하는 프론트 언어이기 때문입니다. 공개 되어 있다는건 노출되어 있고 누구나 열어 볼 수 있습니다. 보안의 취약점을 만들어 낼 수 있습니다. http://dean.edwards.name/packer/딘 에드워드라는 사람이 개발한 자바크립트 압축 프로그램입니다. 큰 기업에서는 이런 컴포넌트를 직접 개발해 쓰겠고 nodejs로 압축하겠지만소기업이나 개인에게는 이렇게 무료로 제공되는 모듈이 효율적일 수 있겠습니다. 사용법은 아주 간단합니다.체크하면 해당에 맞게 자바스크립트가 화면에서 바로 저런식으로 output이 됩니다. Base62 encode : 암호화 - 자바스크립트를 확인 할 수 없게 암호화 합니다. Sh.. 2017. 8. 30.