[JS] Ajax form Submit / form 전송 / beforeSend / complete / ajax / $().submit

Excel 파일 업로드 하면서 ajaxForm Submit을 사용해보았다. 여태 ajax에는 success와 error만 있는줄 알았다.헤헿ㅎ[ㅔㅎ헤 먼저 form을 선언한다.1234567 추가 Colored by Color Scriptercs 파일 업로드 하는 form이기 때문에 enctype을 multipart/form-data로 해주었다. action에는 controller의 RequestMapping 주소와 같게 설정해준다. 버튼을 누르면 onclick 이벤트로 check() 함수로 들어가게 되는데 이 함수 안에 ajaxForm 을 선언하였다. form의 id를 사용하여 ajaxForm 을 부르고 전송전, 전송성공시, 실패시, 완료시 동작을 지정해 주고, submit 으로 전송을 하게 된다. 제이..
업무/스프링프로젝트 2016. 10. 10. 20:17
[JS] 로그인 아이디, 패스워드 저장 / JavaScript / jQuery / 쿠키저장

로그인 화면에서 id/ password 를 입력할때 아래 checkbox로 아이디, 비밀번호를 저장할수 있게 만들어야 한다. 1. 아이디 체크박스 2. 비밀번호 체크박스 이렇게 있다면, 아무것도 하지 않을 화면에서 아이디 체크박스는 활성화, 비밀번호 체크박스는 비활성화 시켜놓고, 아이디 체크박스가 체크되었을 때 비밀번호 체크박스가 활성화 되도록 하였다.(비밀번호만 저장이 될 수는 없으니까!) JavaScript 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878..
업무/스프링프로젝트 2016. 9. 1. 11:21
[JS] selectBox 동적 option / jQuery / append(html)

신청팝업에서, 용량을 추가해야하는데 내 지금 용량에서 최대 신청가능한 용량까지 5단위로 용량추가가 되야한다.그래서 selectBox 선택 옵션에서 5단위로 뿌려줘야하는데 만약, 내 용량이 30이고 최대용량이 60이면 5 10 15 20 25 30 까지 보여줘야하고내 용량이 20이고 최대용량이 60이면5 10 15 20 25 30 35 40 이렇게 보여줘야하니까값에 따라 선택 option이 달라져야 한다. 그래서 for문을 돌려서 option 아래로 뿌려ㅑ주면 될것 같은데 i 가 5부터 시작해서 ( 5단위니까) ,i 가 [최대용량 - 내 용량] 보다 작거나 같고i 는 5씩 증가 한다. 라는 for문을 만들었고 append 하기 위해서 for문 안에 option value를 누적 추가해주게 하였고 for문을..
업무/스프링프로젝트 2016. 8. 24. 13:33
[JS] 검색시 button 이벤트 / 엔터 이벤트 / click event / keyup event

# 대부분 검색이 input 박스에 무엇인가를 입력하고 검색 버튼을 누르게 되어있다.버튼 클릭을 하게 되면 버튼의 id를 가지고 click 이벤트를 주게 된다.1234567/* 검색버튼 클릭 */$('#DDL-searchButton').click(function(){ $("#DDL-currentPage").val(1); $("#DDL-searchKey").val($("#DDL-searchType option:selected").val()); $("#DDL-searchValue").val($("#DDL-searchValue2").val()); LogController.showUser();});Colored by Color Scriptercs # 검색 버튼을 누르지 않고, input 박스에 검색 할 TEXT..
업무/스프링프로젝트 2016. 8. 12. 10:48
[JS] 제이쿼리(jQuery) 반복문 / $().each(function(){}); / split

//제이쿼리 반복문1234567$("input[name=DUL-Checkbox]:checked").each(function() { var tmpChkVal =$(this).val(); var checkVal =tmpChkVal.split('_'); var userUuid= checkVal[0]; checkedValues.push(userUuid);});Colored by Color Scriptercs 2016-08-08오늘 드디어 split함수의 기능 설명을 읽었다.split() 지정된 문자가 나타날 때마다 문자열을 분리한 후 , 분리된 각가의 문자열로 이루어진 배열을 만들어 리턴한다. 2017.05.16글수정하다가 남긴다. 2016년8월8일에 split 함수의 기능설명을 읽었구나. split도 모르던 ..
업무/스프링프로젝트 2016. 7. 19. 09:59
[JS] jQuery 페이지 첫번째 textbox 입력 필드 포커스 / $("").focus();

제이쿼리//포커스 주기 원하는 Textbox의 id에 .focus()를 준다.123$(document).ready(function(){ $("#login").focus();});cs 참고: http://findfun.tistory.com/280
업무/스프링프로젝트 2016. 7. 6. 08:55
[JS] jQuery 리스트 체크박스 전체선택/해제 / Checkbox

HTML로 TOP 체크박스를 선언해주었다.JavaScript로 선언해서 JQuery로 리스트를 뿌려주었다. 체크박스 전체선택 / 전체해제 되게 하는 방법 1. Head 부분의 체크박스에 클래스를 준다. checkbox-head my-list 로 준다. --> Head를 지정한다 1cs2. 리스트 부분의 뿌려지는 체크박스에 클래스를 준다. ckeckbox-item my-list로 준다. -->Item을 지정한다.123";cs 3. document.ready() function 부분에 checkbox action을 설정한다.1 $.checkboxGroup('my-list');cs 끗이아니라 우리 소스에 맞게 되어있던걸 이해도 못하고 적어놧다ㅠㅠ바보같았으나 삭제하지 않겠다!↓ http://daydreamer-..
업무/스프링프로젝트 2016. 7. 4. 14:11
1