jQuery 플러그인 만들기 Usage (function($) { $('#sample').PLUGINNAME(); }(jQuery)); Example /** * PLUGIN_NAME * Version: VERSION * URL: URL * Description: DESCRIPTION * Requires: JQUERY_VERSION, OTHER_PLUGIN(S), ETC. * Author: AUTHOR (AUTHOR_URL) …
자바스크립트에서 체크박스 Array 값 사용하기 Client Side <form method="get"> <input type="checkbox" name="options[]" value="1" /> <input type="checkbox" name="options[]" value="2" /> <input type="checkbox" name="options[]" value="3" /> <input type="submit" value="Go!" /> </form> function …
부가가치세 계산하기 Javascript var totalAmount = 10000; var totalVat = Math.round(totalAmount-(totalAmount/1.1)); var totalPrice = Number(totalAmount – totalVat); var totalPriceWon = totalAmount.toString().format(); var totalPriceVat = totalVat.toString().format(); PHP $totalAmount = 10000; $totalVat …
폼 데이터를 JSON으로 변환하여 Ajax 요청하기 Json 으로 변환 var serialize = {}; $.each($('form').serializeArray(), function(i, obj){ serialize[obj.name] = obj.value; }); Ajax 요청하기 $.ajax({ url: "ajax.php", data: serialize, type: "post", dataType …
자바스크립트 구글맵 사용 예제 API 프로젝트 생성 라이브러리 > Google Maps JavaScript API > API 사용설정 > 활성화 사용자 인증 정보 > API 키 생성 키 제한사항 : HTTP 리퍼러(웹사이트) …
자바스크립트에서 브라우저 속성 지원 여부 확인하기 DOM Attribute placeholder attribute is supported if('placeholder' in document.createElement('input')){ … } download attribute is supported if(typeof document.createElement('a').download != "undefined"){ … } img srcset attribute …
jQuery 플러그인 만들기 Usage (function($) { $('#sample').PLUGINNAME(); }(jQuery)); Example /** * PLUGIN_NAME * Version: VERSION * URL: URL * Description: DESCRIPTION * Requires: JQUERY_VERSION, OTHER_PLUGIN(S), ETC. * Author: AUTHOR (AUTHOR_URL) …
경고창에서 한글이 깨질경우 <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=euc-kr' /> </head> <body> <script> window.alert('Hello World!\\n헬로우 월드!'); history.go(-1); </script> </body> </html>
블링크 애니메이션 예제 HTML <blink>hello</blink> CSS .blink { -webkit-animation: w3-blink-animation 1.5s linear infinite; -moz-animation: w3-blink-animation 1.5s linear infinite; animation: w3-blink-animation 1.5s linear infinite; } @keyframes w3-blink-animation { 50% { background: …
datepicker 한글 번역하기 $("#datepicker1").datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNames: ['일','월','화','수','목','금','토'], dayNamesShort: ['일','월','화','수','목','금','토'], dayNamesMin: ['일','월','화','수','목','금','토'], showMonthAfterYear: true, changeMonth: true, changeYear: true, yearSuffix: '년', …
