내 인생에도 예쁜 꽃이 피었으면 좋겠다

[ 기존 방식 ] //1) select box데이터 var test1_name = document.getElementById("test1_name"); var testName = test1_name.options[test1_name.selectedIndex].value; //2) input type text var test1Info = document.getElementById("test1_info"); //... 확인할 값들을 다 작성하고.. if(testName.value == ""){ alert("testName을 입력해주세요."); test1_name .focus(); return; } 이렇게.. 매번 폼데이터를 확인했었는데... 다른 방식이 있지 않을까 하고 찾아보다가 어차피 ajax로 form..

[상황] 탭이 4개 있고 1번 탭에 swiper를 사용해서 보여줄 이미지 2개 2번 탭에 swiper를 사용해서 보여줄 이미지 2개 3번 탭에 swiper를 사용해서 보여줄 이미지 2개 4번 탭에 swiper를 사용해서 보여줄 이미지 4개 - 각 슬라이드 영역은 좌우 이동 버튼있음 - 하단 페이지네이션 버튼 있음 - 오토플레이+loop 문제점1) 이미지 슬라이드 영역을 style:block; style:none;으로 탭에 따라 css설정을 바꾸면 간헐적으로 슬라이드의 (좌우버튼)이 누리긴 하나 작동을 하지 않는 문제 있음 - 하단 페이지네이션 버튼을 누르거나 이미지 자체를 좌우로 한번 움직여 주면 버튼이 정상 작동하였음. 문제점1- 해결) swiper 생성 스트립트를 처음 페이지 불러올 때..

휴대전화번호 인증번호 받기 인증하기

jsp ... 복사하기 ... 날짜 신청자 수 2022년 05월 2 2022년 06월 3 2022년 07월 4 ...​ HTML 삽입 미리보기할 수 없는 소스 js function fn_copyTable(){ var myCopyArea = document.getElementById("resultTable"); var selection = window.getSelection(); var range = document.createRange(); range.selectNodeContents(myCopyArea); selection.removeAllRanges(); selection.addRange(range); //table영역 드래그 한 효과 document.execCommand('copy'); //clip..

https://nahosung.tistory.com/28 div 동적 생성 (appendChild) 자바스크립트 appendChild를 사용하여 div를 동적으로 추가해주는 자바스크립트입니다. 아래와 같은 html이 있으면, 추가버튼을 클릭하면 room_type이란 id를 가진 div를 복사하여 field란 id를 가진 div에 생성해주는 nahosung.tistory.com //appendChild를 사용하여 div를 동적으로 추가해주는 자바스크립트입니다. //아래와 같은 html이 있으면, //추가버튼을 클릭하면 room_type이란 id를 가진 div를 복사하여 //field란 id를 가진 div에 생성해주는 소스입니다. //삭제를 눌렀을경우에는 삭제해주는 소스입니다. 제목 //출처: https:/..

[현재 상황] input type file 일 때 멀티파트 써서.. 파일 여러개 등록 가능함. 폼 서브밋으로 글 등록시 폼 전체 넘김. [구현하고 싶은 것] 첨부파일 버튼을 눌렀을 때 '폴더1' 에서 몇 개의 파일을 선택해도 등록이 되지만.. (서브밋 전) '폴더2'의 파일도 추가하려고 첨부파일 버튼을 누르면 이전에 폴더1에서 추가해뒀던 파일은 사라지고 폴더2에서 새로 선택한 파일만 남음.......................................................................... 그래서.. 첨부파일 버튼을 몇번을 누르던지.. 계속 파일을 누적해두고 싶다. 누적하는 방법 찾아보고 안되면 ajax로 하나씩 등록해버려야 할듯? [해결] 1. js에서 배열을 만들고 배열에..

네이버 에디터를 사용중인데 에디터에 스크립트를 붙여넣기 하는 경우..텍스트를 변경하려고 한다. 일단 네이버 에디터만드는 부분 일부 var oEditors = []; // 추가 글꼴 목록 //var aAdditionalFontSet = [["MS UI Gothic", "MS UI Gothic"], ["Comic Sans MS", "Comic Sans MS"],["TEST","TEST"]]; nhn.husky.EZCreator.createInIFrame({ oAppRef: oEditors, elPlaceHolder: "ir1", sSkinURI: "SmartEditor2Skin.html", htParams : { bUseToolbar : true,// 툴바 사용 여부 (true:사용/ false:사용하지 않..

//url : 다운로드 할 이미지 전체 //ex) chrome://new-tab-page/icons/google_logo.svg //filename : 사용자가 파일을 내려받았을 때 보여지는 파일명 function fn_isValidHttpsURL(url , filename){ // url.match : url형식에 맞는지 확인 var res = url.match(/(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/g); //url형식이 맞다면~ if(res !== null){ $.ajax({ type:"get" ,url : url ,success : function(respons..

특정 조건에 따라 뷰포트를 추가하거나 빼야할 일이 생겼다. document.getElementsByName('viewport')[0].remove(); document.getElemnetById("form").style.display="none"; * ~viewport~.style.display="none"; 도 해봤는데 화면에 style="display:none" 까지 붙어서 나오더라. * 내가 해당 jsp에서 viewport를 주석처리 해두고 getElements어쩌고를 해서 null이 나오기도 했음. * 코드는 다 맞는데 작동을 안하면 해당 스크립트를 jsp하단으로 빼보길 [ meta태그값 컨트롤 ] https://stackoverflow.com/questions/2568760/is-it-possi..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort Array.prototype.sort() - JavaScript | MDN sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. developer.mozilla.org https://hianna.tistory.com/409 [Javascript] 배열 정렬하기 (오름차순, 내림차순, 문자열, 객체) 배열 정렬하기 (오름차순, 내림차순, 문자열, 객체) 1. sort() 함수 2. sort() 함수로 숫자 오름..