조금씩, 꾸준하게

2020년 10가지 JavaScript 이미지 조작 라이브러리 https://ichi.pro/ko/2020-nyeon-10-gaji-javascript-imiji-jojag-laibeuleoli-26937466213807 구글 검색 키워드 : javascript 이미지 비교 * https://www.it-gundan.com/ko/javascript/javascript%EC%97%90%EC%84%9C-%EB%91%90-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%B9%84%EA%B5%90/972817711/ * https://stackoverflow.com/questions/934012/get-image-data-url-in-javascript * 아래 코드는 두 이미지를 base64로 변경해..

jqWidget의 jqxWindow의 'isOpen' API Returns true when jqxWindow is opened and false when the jqxWindow is closed ParameterTypeDescription None Return Value Boolean Code example Invoke the isOpen method. $('#jqxWindow').jqxWindow('isOpen'); 코드 $(window).scroll(function() { var bOpen = $('#jqxWindow').jqxWindow('isOpen'); var winHeight = $(window).height(); var winWidth = $(window).width(); // windo..

출처: https://mousevm.tistory.com/129 anchor() 문서의 목적지를 가리키는 Anchor택을 지정한다. var anchorString="이 지점으로.." document.write(anchorString.anchor("anchorName1")) 위의 구문은 이 지점으로.. 의 HTML을 만든다. 앞의 지정한 문자열을 링크의 내용으로 괄호 안의 문자열은 anchor의 이름이다. big() 지정한 문자열을 택으로 감싼다. var makeBig = "big 입니다." document.write(makeBig.big()) 는 big 입니다. 로 된다. blink() 문자열을 택으로 감싼다. bold() 문자열을 택으로 감싼다. charAt() 문자열에서 특정 위치의 문자를 반환한다...

1-1. 클라이언트 var request = $.ajax({ url: "aa", method: "POST", data: { aaJsonData : JSON.stringify(obj) } , dataType: "json" }); request.done(function( msg ) { if(msg.result == "false"){ console.log("exception 처리"); } else { if( status == 'temp' ){ alert('임시저장이 완료되었습니다.'); } else { alert('등록되었습니다.'); location.href="/import/list.ksif"; } } }); request.fail(function( jqXHR, textStatus ) { //alert( "..

1. 체크여부 확인 - id가 동일한 체크박스에 대하여 선택되어 있는지 확인 : true / false 반환 $("#chkBox").is(":checked") ; $("input:checkbox[id='chkBox']").is(":checked") ; * 1.6이상일때 권장 사용법 $("#chkBox").prop("checked") ; 2. 체크박스 갯수 가져오기 - 선택된 체크박스 갯수 구하기 $("#chkBox:checked").length ; - 전체 체크박스 갯수 구하기 $("#chkBox").length ; 3. 체크박스 전체 선택하기 / 해제하기 - 전체 선택하기 $("#chkBox").prop('checked', true) ; $("#chkBox").attr('checked', true) ;..

1. value값으로 체크하기 $("#radioTest:radio[value='orange']").attr("checked", true) ; 2. value값으로 체크 확인 $("#radioTest:radio[value='orange']").is(":checked") ; * true / false 반환 3. 체크된 라디오버튼 value 값 가져오기 $('#radioTest:checked').val() ; $(":radio[id='radioTest']:checked").val() ; 4. 체크 해제 $("#radioTest").removeAttr("checked") ; 5. 라디오버튼 활성화/비활성화 처리 - 비활성화 $("#radioTest").attr( "disabled" ); - 활성화 $("#rad..

개발 중 여러 가지를 섞어서 쓰는 걸 보고 문득 궁금해서 테스트를 해 보았다. 1234567891011$(document).ready(function(){ alert("bbbbbbbbbbbbbbbb"); // 1번}); $(function() { alert("ccccc"); // 2번}); $(window).load(function() { alert("aaaaaaaaaaaa"); // 3번});Colored by Color Scriptercs 이론적인 내용이 필요해서 검색했는데 2번에 대한 내용은 나오지 않는다 (출처: http://ojtiger.com/179) 1번 $(document).ready();DOM이 생성되면 ready 메소드가 실행됨 3번 $(window).load();요소들이 전부 로드된 ..

jsp 화면(insert 화면) 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 작성 양식 제목 * 노출여부 * 소제목 * 거리 및 시간 * 총 이동거리 Km, 소요시간 시간 내용 * 목록이미지 * 코스 * 1. 장소명 , 위치 x : , y : 추가 + 대표 이미지 Colored by Color Scriptercs 유효성 체크 스크립트 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162..

출처: http://openlife.tistory.com/381 [농사짓는 개발자] jQuery checkbox 컨트롤 1. checkbox checked 여부 : id인 경우 : $('input:checkbox[id="checkbox_id"]').is(":checked") == true name인 경우 : $('input:checkbox[name="checkbox_name"]').is(":checked") == true => $('input[id="checkbox_id"]') + 옵션 형태로 작성 해도 문제는 없다 Ex) $('input[name="checkbox_name"]').is(":checked") 2. checkbox 전체 갯수 : $('input:checkbox[name="checkbox_n..

퍼블리셔가 반응형 html을 만들어 넘겨 주었다. 이미지 파일이 프로그램으로 등록되어야 하는 경우가 있었는데 html은 모바일 81px, 22px, 웹 162px, 44px로 고정된 크기의 이미지가 들어 있어서, 프로그램화하는 과정에서 임의의 크기 파일이 등록될 경우에 이미지가 멋대로인 문제가 발생했다. 해당 페이지 스크립트에 아래 코드를 추가했다.123456789101112$(document).ready(function() { var width = $(window).width(); if( width