반응형 jquery7 jQuery UI 를 이용한 Custum Alert, Confirm 크롬에서는 IE 와 다르게 alert 창이 브라우저창 내부에서 팝업이 된다. 그리고 그 사이즈와 위치를 조정할 수 없다. 그래서 찾아보고 알아보게 된 것을 정리한다. codeproject 에서 퍼온소스 인데 링크는 알게 되면 기재할 예정이다. "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 2022. 9. 7. Jquery UI dialog 위치 $(document).ready(function(){ $('#modal_dialog').dialog({ title:"팝업창 제목" ,modal:false ,resizable:false ,autoOpen:false ,width:"auto" ,height:250 ,open:function(e, ui) { $(this).sibling(".ui-dialog-titlebar").find("button").blur(); // remove focus from close button $(this).parent().offset({top:150,left:100}); } }).. 2022. 8. 23. textarea 내용에 맞게 높이 조정하기 $("textarea").height( $("textarea")[0].scrollHeight ); * textarea 가 여러개일 경우 $("textarea").each(function(textarea) { $(this).height( $(this)[0].scrollHeight ); }); 참고 링크 : https://stackoverflow.com/questions/13085326/resize-text-area-to-fit-all-text-on-load-jquery "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 2022. 8. 20. Javascript/JQuery 로 특정 값이 Select 옵션에 있는지 확인하기 var thevalue = 'foo'; var exists = 0 != $('#select-box option[value='+thevalue+']').length; 옵션이 javascript 로 설정된다면 다음 방법을 사용한다 var exists = false; $('#select-box option').each( function(){ if (this.value == 'bar') { exists = true; return false; } } ); #select-box 는 select tag 의 id 이다 출처 : stackoverflow "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 2022. 7. 7. Javascript / JQuery 로 엘리먼트 값 체크하기 ■ Javascript 로 특정 Form 의 모든 엘리먼트들에 대해 값이 있는지 검사하기 var elements = document.getElementById("ds_form").elements; for (var i = 0, element; element = elements[i++];) { //if (element.type === "text" && element.value === ""){ if (element.value === "") { $("#errormsg").fadeIn().text("Error!").css("color", "red"); element.focus(); return false; } } ■ Javascript 로 특정 태그 이름의 모든 엘리먼트들에 대해 값이 있는지 검사하기 var el.. 2021. 1. 25. javascript / jQuery 로 텍스트 클립보드로 복사하기 $("button").click(function(){ $("textarea").select(); document.execCommand('copy'); }); Select 테스트 해보니 크롬, 익스플로어에서 모두 잘 된다 ㅎㅎ위의 소스는 textarea 의 텍스트를 클립보드로 복사하는 예제이다 출처 stackoverflow 2017. 7. 27. javascript/jQueyr 로 textarea 엔터 key event 처리 textarea 엔터키 이벤트 처리$("textarea#query").keyup(function(e) { e.preventDefault(); var code = e.keyCode ? e.keyCode : e.which; if (code == 13) // EnterKey { if (e.shiftKey === true) { // shift 키가 눌려진 상태에서는 new line 입력 } else { $('#my_form').submit(); } return false; } }); 2017. 7. 24. 이전 1 다음 반응형