본문 바로가기

javascript2

hash를 이용한, 페이지 이동없는 ajax 사용시 url에 값 물어주기 window.open("/front/build/form/agreeNew.do","agreeNew", width=1580,height=850 ,left=150, top=80 "); 기존 사이트의 디자인 리뉴얼을 하면서 고객사의 요청사항으로 새탭으로 열어야하는 페이지가 있었다. 페이지 안에서 ajax를 사용하여 tab을 넘기는 작업이 있었는데 tab을 넘기다가도 새로고침을 하면 url에 아무런 정보를 담지 않고 새로고침을 해버리니까 현재 탭이 날아가버리는 문제가 있었다. function fncSearchInHash(step){ let hash = decodeURI(location.hash).replace("#", ""); var page = step if(step == $("#step").val()){ pa.. 2023. 5. 30.
드래그 앤 드롭(Drag and Drop)으로 파일 첨부하기-JavaScript 기존 사이트에서 input 태그로 파일을 첨부받아 동작하는 페이지를 드래그 앤 드롭으로 변경해달라고 요청이 왔다. 사이트에서 기존에 사용하고 있던 드래그 앤 드롭 파일 첨부 동작은 dropzone.js와 ajax로 파일을 등록하는 것인데, 요청한 페이지는 컨트롤러에서 첨부된 엑셀 파일을 읽어 동작해야해서 기존의 dropzone.js를 사용하지 않고 새로 커스텀 하였다. // 파일을 담을 전역변수 var allfile = null; // 등록 가능한 파일 사이즈 MB var uploadSize = 100; $(function (){ // 파일 드롭 다운 fileDropDown(); }); // 파일 드롭 다운 function fileDropDown(){ var dropZone = $("#dropZone").. 2023. 5. 19.