목록Development/JS/jQuery (21)
Think Different
아래 스크립트를 통해 창을 닫으려 할 때 일부 웹브라우저(Internet Explorer)에서는 "지금 보고 있는 웹 페이지에서 탭을 닫으려고 합니다."라는 경고창을 띄우고 사용자 확인을 받는다. // 창 닫기 스크립트 호출 window.close(); window.self.close(); 방법 1 - 별도 탭을 띄우고 현재 창을 닫기 // about:blank로 창을 띄우고, 현재 창을 닫음 window.open('about:blank', '_self').close(); 방법 2 - 오프너 조작 후 닫기 window.opener='nothing'; window.open('','_parent',''); window.close(); window.self.opener='nothing'; window.self..
문제 Internet Explorer(이하 IE) 11 이하버전에서 스크립트 객체에 키를 구하는 함수는 사용이 되나 그 값을 구하는 함수는 오류가 발생한다. var keys = Object.keys(parameters);// 오류 발생 안함 var values = Object.values(parameters);// 오류 발생. "개체가 'values' 속성이나 메서드를 지원하지 않습니다." 방법 var values = Object.keys(parameters).map(function(i) { return parameters[i]; }); 참고 https://stackoverflow.com/questions/42830257/alternative-version-for-object-values
AJAX를 사용하여 cross-domain 요청 시 cookie 정보가 전달되지 않으며, 특정 옵션을 추가하여야 한다.클라이언트 뿐만 아닌 서버환경에서도 응답헤더에 대한 설정이 필요하다. (access-control-allow-credentials, access-control-allow-origin) 방법옵션 중 "xhrFields"와 그 값 추가 상세$.ajax({{ method : "POST", url : "http://sehoonkim.tistory.com", xhrFields : { withCredentials : true} }); 참고http://paulina0206.tistory.com/entry/cross-domain-ajax-call-%ED%95%A0-%EB%95%8C-JSESSIONID-..
자바스크립트에서 객체 상태를 확인할 수 있는 typeof라는 예약어가 있다. 이 예약어를 사용하여 특정 변수가 정의되지 않았는지(undefined) 확인할 수 있다. 한가지 주의할 점은 예약어이름 전체 또는 일부를 대문자로 작성할 경우 예약어로 인식하지 않는다. 예약어typeof 방법typeof {VARIABLE} == 'undefined' 예제alert(typeof temp == 'undefined'); 참고http://stackoverflow.com/questions/858181/how-to-check-a-not-defined-variable-in-javascript
select태그 제어작업을 정리하였다. 방법 // select태그 내 option태그 갯수를 반환 $("#selectElement option").size(); // select태그 내 선택된 option태그에 대한 value속성값을 반환 $("#selectElement option:selected").val(); // select태그 내 선택된 option태그 텍스트값 반환 $("#selectElement option:selected").text(); // select태그 내에서 선택된 option태그 내 html을 출력(자식태그가 없으므로 text() 결과와 같다.) $("#selectElement option:selected").html(); // select태그 내에서 모든 option태그를 ht..
jQuery에서 제공하는 일자선택함수이다. 기본언어는 영어이고, 한글로 변경하는 방법도 있다. 방법 // 일자를 입력받을 대상 //대상을 datepicker로 설정 $("#selectedDate").datepicker(); // datepicker 언어 및 세부 설정 $.datepicker.regional["ko"] = { // altField : "#ALT_FIELD_ID",// 선택한 일자가 저장될 곳을 지정 // altFormat : "yy-mm-dd",// altField에 입력될 일자 양식 // beforeShow : function(input, inst) { alert("Choose date!"); },// 달력이 보여지기 전에 수행할 처리작업 정의 // buttonImage : "/image..
Body 사이즈를 구하는 방법이다. 방법 // 대다수 브라우저 document.body.clientWidth; document.body.clientHeight; // Internet Explorer 8 호환코드 (일부 브라우저 안됨) document.documentElement.clientWidth; document.documentElement.clientHeight; // 모든 브라우저 호환 var getSize = function (Name) { var size; var name = Name.toLowerCase(); var document = window.document; var documentElement = document.documentElement; if (window["inner" + Na..
자바스크립트에서 정규식을 사용하여 문자열 내 공백을 제거하는 방법이다. 방법 // 문자열 내 공백 제거 days = days.replace(/(\s*)/g, ""); // 숫자 외 모든 문자 제거 days = days.replace(/[^0-9]/g, ""); // 숫자와 쉼표 외 모든 문자 제거 days = days.replace(/[^0-9,]/g, ""); // 마지막 쉼표 제거 if(days.charAt(days.length - 1) == ",") { days = days.slice(0, -1); } 참고http://rankingis.com/?titlequery=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-replace-%EB%AC%B8%EC%..
jQuery에서 라디오버튼을 선택하는 방법이다. 방법 // 선택된 라디오값 가져오기 $("input:radio[name={RADIO_NAME}]:checked").val(); // 특정 라디오 선택여부 확인 $("#{RADIO_ID}").is(":checked")// return TRUE or FALSE // 라디오 선택하기 $("#{RADIO_ID}").attr("checked", "true");// jQuery 1.6 below $("#{RADIO_ID}").prop("checked", "true");// jQuery 1.6 over 참고http://thinkwave.tistory.com/61http://hobbiez.tistory.com/321http://stackoverflow.com/questi..
자바스크립트를 이용해서 특정 태그를 토글(toggle)하는 방법이다. 방법visibility 속성 값 = { visible || hidden }display 속성 값 = { [block || inline] || none } 예제function viewToggle(me) { if(me.style.visibility == "visible") { me.style.visibility = "hidden"; me.style.display = "none"; } else { me.style.visibility = "visible"; me.style.display = "block";// if div or p tag me.style.display = "inline";// if span or a tag } 참고 http:/..