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 …
폼 데이터를 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 …
자바스크립트에서 브라우저 속성 지원 여부 확인하기 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: '년', …
자바스크립트에서 타이머 점점 빠르게 구현하기 $element.find('a[data-action^="increment"], a[data-action^="decrement"]') .each(function() { var timer = 0; var cb = function(element, started) { var stopped = new Date().getTime(); var run = function() { $(element).trigger('click'); …
자바스크립트에서 현재 날짜 구하기 Usage object var today = new Date(); var tomorrow = today.setDate(today.getDate() + 1); 2017/2/10 17:6:17 var year = today.getFullYear(); var month = today.getMonth() + 1; //January …
