본문 바로가기

프로그래밍/jQuery

(94)
jQuery 의 동적 dom 생성시 autocomplete 이벤트 지정하는 방법법 autocomplete 사용할 경우, 동적 dom 생성시 매번 이벤트를 지정해 줘야 한다.dom 을 append 하고 나서, 추가된 마지막 dom 에 :last 하여 autocomplete() 함수를 지정하는 구문이다. Add More Fields $(document).ready(function() { var max_fields = 10; //maximum input boxes allowed var wrapper = $(".input_fields_wrap"); //Fields wrapper var add_button = $(".add_field_button"); //Add button ID var x = 1; //initlal text box count var availableAttributes = [ ..
input box 에 숫자 또는 float, hex, 금액 처리만 가능하게 하기 input box 에 숫자 또는 float, hex, 금액 처리 통제하기https://jsfiddle.net/emkey08/tvx5e7q3 input box 에서 keydown keyup mousedown mouseup select contextmenu drop 관련 이벤트들을 적용하여 정규화를 사용해서 차단한 방법입니다.테스트는 https://jsfiddle.net/emkey08/tvx5e7q3 사이트에서 확인이 가능합니다.jQuery input filter showcaseThis will correctly handle Copy+Paste, Drag+Drop, keyboard shortcuts, context menu operations, non-typeable keys, the cursor posit..
datetime 날짜 json 값을 년-월-일 시:분:초 형태로 표기 datetime 날짜 json 값을 년-월-일 시:분:초 형태로 표기하고자 한다면... DOCTYPE html> Page Title function dateTimeFormat(dateTimeValue) { var dt = new Date(parseInt(dateTimeValue.replace(/(^.*\()|([+-].*$)/g, ''))); var dateTimeFormat = dt.getFullYear() + "-" + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds(); return dateTimeFormat; } var dates = '/Date(144..
이메일 정규식 생성하기 (메일주소 앞에 하이픈 존재시) 이메일 정규식 생성하기 (메일주소 앞에 하이픈 존재시) 이메일 앞에 하이픈(-)을 넣어서 생성한 사용자가 간혹 보입니다. 그 분은 daum.net 계정을 가지고 있는 분이더군요. 그래서 이 분들을 위해 메일 계정에 대한 정규식을 만들어 봤습니다. /[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{0,1}$/i http://rubular.com/ https://regexper.com/
IFRAME과의 DOMAIN 간 통신 IFRAME과의 domain 간 통신 http://softwareas.com/cross-domain-communication-with-iframes/HTML5 시대의 업데이트 (2011 년 5 월 6 일)이 게시물은 수년에 걸쳐 크게 논평되고 연결되어 왔으며 계속해서 많은 트래픽이 발생하므로이 중 많은 부분이 최신 브라우저와 관련성이 없음을 분명히해야합니다. 한편으로는 보안 정책을 조정하고 강화하여 여기 일부 기술을 더 이상 적합하지 않게 만들었습니다. 반면에, 그들은 먼저 도메인 간 의사 소통을 쉽게 할 수있는 기술을 도입했습니다.최신 브라우저에서는 이러한 목적으로 postMessage 를 사용할 수 있고 사용해야합니다 .라이브러리 지원을 사용할 수 있습니다. 다음은 모두 postMessage에 대한 ..
iframe resizer 를 사용할 때 페이지간 이동시 화면 제일 위로 위치하기. iframe resizer 를 사용할 때 페이지간 이동시 화면 제일 위로 위치하기..https://davidjbradshaw.github.io/iframe-resizer/ 메인 페이지 parentIFrame 을 사용할려면 enablePublicMethods 를 true 로 설정해야 사용 가능 합니다.DOCTYPE html> Page Title ========== ========= iFrameResize({ // Disable if using size method with custom dimensions. autoResize: true, // Override the body background style in the iFrame. bodyBackground: null, // Override the defa..
keyup 에 delay 딜레이 설정하기 keyup 에 delay 딜레이 설정하기1. 함수를 별도로 빼서 clearTimeout 함수로 사용하기 var itcdelay = (function () { // Function var itcTimer = 0; return function (callback, ms) { clearTimeout(itcTimer); itcTimer = setTimeout(callback, ms); }; })(); // jQuery Code $(document).ready(function () { $('.title').keyup(function () { itcdelay(function () { alert('Time elapsed!'); }, 500); }); }); 2. clearTimeout 과 setTimeout 조합으로 ..
javascript 로 파라미터 parse 해서 piwik 의 eventname 추가하기 http://도메인?analy=1000 이런식으로 들어오면 자바스크립트로 파싱해서 piwik 에서 처리한다. var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = decodeURIComponent(window.location.search.substring(1)), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] ..