직장생활/Jquery & Javascript11

• 

  [JavaScript] 간단한 레이어팝업 - IE8 이하 작동 확인 아직도 IE 나 Edge IE 모드를 쓰고 있는 경우에 레이어 팝업을 사용할시 간단하게 적용할만한 레이어 팝업 소스입니다. 현재 대부분 구글링 할 경우 아주 이쁘고 기교있는 CSS로 인해 IE8 이하로는 돌아가지 않는 소스코드가 대부분입니다. 필요한 부분만 제하고 저장용으로 포스팅합니다. 1. Script - 종료 버튼 클릭시 닫는(숨기는) 스크립트 function closePopup() { document.getElementById("layer").style.display = "none"; } 2. CSS - 배경 음영 X, 간단한 레이어 팝업창 3. HTML 창닫기 4. 결과 화면 직장생활/Jquery & Javascript 2024. 3. 20.

• 

  [Jquery] 글자 수 체크 후 화면에 표시하기 온라인에서 텍스트박스에 글자 적을때 자신이 작성한 글자의 개수의 표시가 필요 할때 사용하는 Jquery 기능입니다. function fnChkLen(obj){ var txtLength= ($(obj).val().length + (escape($(obj).val())+"%u").match(/%u/g).length-1); $(obj).parent().find("p").html("("+parseInt(txtLength / 2)+"자 / 250자)"); } HTML에는 아래와 같이 기능 적용하고 사용하시면 됩니다. onkeyup="fnChkLen(this);" 이상입니다. 직장생활/Jquery & Javascript 2023. 5. 19.

• 

  [Jquery] 체크박스 라디오박스 기능처럼 사용하기 input type 기능중 radio 기능을 쓰면 한개의 항목만 선택할 수 있지만 동그란 이미지는 마음에 들지 않을 수 도 있습니다. (여러가지 이유가 있다). 체크박스의 기본동작은 여러건을 선택 할 수 있는데 그것을 radio 기능처럼 쓸수 있는 function 입니다. function checkAgree(obj) { if($(obj).is(":checked")) { $(".AGREE").not(obj).removeAttr("checked"); } } 동의합니다. 동의하지 않습니다. 이상입니다. 직장생활/Jquery & Javascript 2023. 5. 19.

• 

  [Jquery] 부모창 새로고침 간단한건데 할때마다 생각안나서 검색을 항시 해서 찾는 기능이다. 팝업창 띄우고 뒤에있는 부모창 새로고침이 필요할때 사용해보자!! $(opener.document).find('#frm').attr("target", "_self"); // id가 Frm 인 폼을 기준으로 동작 $(opener.document).find('#frm').attr("action", "/user/test/SampleTest.do"); // 부모창 URL $(opener.document).find('#frm').submit(); 직장생활/Jquery & Javascript 2023. 5. 19.

• 

  [JS] ',' expected 에러 해결하기 - ',' expected 에러 해결하기 프로젝트 import 후, bootstrap.min.js 파일에서 에러가 발생하였다. 원인 모를 에러가 수백 개.. ',' 외에도 '}', 'identifier' 등 다양한 에러가 발생하였다. - 해결 방법 {에러 발생한 workspace}\.metadata\.plugins\org.eclipse.core.resources\.projects\{프로젝트명}\.markers // 이클립스 or STS 종료 후, 위의 경로로 들어가 .markers 파일을 삭제한다. 위의 경로로 들어가서 '.markers' 파일을 삭제한다. / 삭제하기 전 이클립스 종료는 필수! 깔끔하게 에러 해결! - 참고자료 https://yermi.tistory.com/entry/%EA%BF%80%.. 직장생활/Jquery & Javascript 2023. 5. 16.

• 

  [JQUERY] 우클릭 드래그 차단 기능 마우스 우클릭 및 드래그 방지를 하기위해서는 css, javascript 로 다양하게 막을 수 있습니다. body 태그에 속성을 변경해서 우클릭, 드래그의 방지하도록 구현해보도록 하겠습니다. 1. body 태그에 속성을 변경 contextmenu="return false" 우클릭 방지 ondragstart="return false" 드래그 방지 onselectstart="return false" 선택 방지 테스트결과 우클릭, 드래그가 차단된 것을 확인할 수 있습니다. 하지만 javascript로 작성할 시 알툴바 등 특정 어플리케이션을 이용하면 우클릭금지가 해제될 수 있습니다. 따라서 jQuery를 이용한 소스로 변경해주도록 하겠습니다. 2. jQuery를 이용하여 마우스 우클릭, 드래그 차단 fileM.. 직장생활/Jquery & Javascript 2023. 2. 15.

• [JQUERY] 창닫기 그냥 window.close 해도 되지만 범용적으로 사용할 수 있도록 만들었다. function cmf_close(){ if(navigator.appVersion.indexOf("Chrome") >= 0 || navigator.appVersion.indexOf("MSIE 7.0") >= 0 || navigator.appVersion.indexOf("MSIE 8.0")>=0) { if( typeof(window.dialogArguments) == "object" ){ window.close(); } else { top.open('about:blank','_self').close(); } } else { if( typeof(window.dialogArguments) == "object" ){ window.c.. 직장생활/Jquery & Javascript 2023. 2. 15.

• [JQUERY] undefined 체크하기 1 2 3 4 5 cs typeof를 써서 true냐 false냐를 판단하여 if문을 써주면 됩니다. 직장생활/Jquery & Javascript 2019. 5. 8.

• Jquery 숫자만 입력하기 1번째 방법 : onkeydown="onlyNumber()" 추가 후 사용 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 /********************************************* ************* 숫자만 입력하기 **********************************************/ function onlyNumber() { // 숫자만 입력받는 함수 if (( event.keyCode >= 48 && event.keyCode = 96 && event.keyCode 직장생활/Jquery & Javascript 2019. 5. 3.

• ajax 동기화 방법 https://ngee.tistory.com/579 jQuery ajax - async and sync 간단하게 남겨두려구요. jQuery는 웹 개발에서 많이 사용되고 있는 라이브러리 같아요. 그냥 많이 쓰고 있다는 느낌이 팍팍들죠. 아무튼 jQuery를 통해서도 Ajax(Asynchronous JavaScript and XML) 기술을 활용할.. ngee.tistory.com 동기화 하는 이유가 .... 순서를 지키고자 하는건데 간단하게 이야기 하면 비동기는 동시에 동작한다고 생각하시면 되고 동기화는 해당 쿼리를 전부 실행을 완료 후 동작한다고 생각하시면 됩니다 ~ :) 직장생활/Jquery & Javascript 2019. 5. 2.

• window 팝업창 Jquery를 이용했습니다. var strUrl= '/user/Ss/pop_resPrint.do?USRID='+uid+'&TRANS_SCHGR='+grade+'&POP_OPEN_YN=Y'; var popup= window.open('about:blank','UserPrint','left=100,width=1030,height=800,scrollbars=yes'); popup.focus(); $('#frm').attr("action", strUrl); $('#frm').attr("target", "UserPrint"); $('#frm').submit(); $('#frm').attr("target", ""); 직장생활/Jquery & Javascript 2019. 5. 2.