Front37 [jQuery] 레이어 팝업 오늘 하루 그만보기 쿠키 설정 이 포스팅은 레이어 팝업 예제이므로, 상황에 맞게 변수명 등을 변경해서 사용해야 함! 요즘 웹사이트에서 자주 볼 수 있는 레이어 팝업. 일반 팝업(윈도우창)보다 깔끔하고, 일반 팝업인 경우 특정 브라우저에서의 차단기능으로 팝업창이 뜨지않는 경우가 있기 때문에 레이어 팝업을 자주 사용한다. html 부분 레이어 팝업 오늘 하루동안 보지 않기 닫기 css 부분 #pop { height: 600px; width: 400px; border: 1px solid black; box-shadow: 3px 3px 7px 1px grey; background-color: white; z-index: 9999; margin-left: 36%; margin-top: 6%; position: fixed; } Js 부분 var.. 2021. 11. 29. [jQuery] 홀수, 짝수 인덱스의 요소를 선택하는 선택자 (:even :odd) 기억할 점 : 인덱스는 0부터 시작! 짝수 인덱스의 요소를 선택하는 선택자 :even $("#img-form1 input[type='radio']:even").attr("id"); 홀수 인덱스의 요소를 선택하는 선택자 :odd $("#img-form1 input[type='radio']:odd").attr("id"); 2021. 11. 24. [jQuery] find() 로 하위 요소 찾기 (fisrt, last, gt(), not(), eq()) jQuery find()함수 이용하여 하위 요소를 찾는 방법. 그리고 다른 함수들과 곁들여 사용하는 방법을 알아보자. find() . find()와. children() 함수는 비슷하지만 다르다. . find() : 자식 및 하위 태그 모두 찾을 때 . chilidren() : 바로 아래 요소, 자식 요소만 찾을 때 사용 예시 1 //1. 첫번째 .btn-up을 찾아서 attribute 변경 $("#frm").find(".btn-up:first").attr("disabled", true); //2. 0번째보다 큰 .btn-up을 찾아서 attribute 변경 $("#frm").find(".btn-up:gt(0)").attr("disabled", false); //3. 마지막 .btn-down을 찾아서 a.. 2021. 11. 18. [JavaScript] 요소의 위아래 위치 바꾸기, 위치 변경하기 작업 내용 - up, down 버튼을 클릭하면 으로 잡혀있는 영역 전체 위치를 바꾸어야 함. - 가장 위와 아래는 disabled 처리되어야 함. 방법 - 클릭한 위치의 요소를 기준으로 삼아서 부모, 형제, 가까운 요소를 찾아야 함. jsp 코드 up down js 코드 $("button[name='btnUp']").off("click").on("click",function() { $popupImg.fnMoveUp(this); }); $("button[name='btnDown']").off("click").on("click",function() { $popupImg.fnMoveDown(this); }); /** * Up Down 버튼 클릭시 */ fnMoveUp : function(el) { var $n.. 2021. 11. 18. radio button 라디오 버튼 여러개일 때, 배열에 담기 -기억할 부분! 한페이지에 라디오 버튼의 묶음이 여러개 일 때, name이 달라야 각각 적용이 가능하다. - 라디오 버튼이 여러개 일 때, for each문을 돌려서 각각 배열로 담는 방법 1. 배열을 선언한다. 2. 배열에 넣을 때는 push를 사용한다. (돌면서 순서대로 들어감) var paramUrlType = []; $("input[type=radio]:checked").each( function() { paramUrlType.push(this.value); }); 2021. 11. 15. [javaScript] 파일 확장자 검사하기 파일 업로드 시에 프론트단에서 파일 확장자를 검사하고 컨트롤러로 넘겨주고 싶을 때 사용. 주의 : 아래 코드 중에 imgVal은 파일의 val()을 변수로 이미 받은 상태임 var fileReg = /(.*?)\.(gif|png|jpg|jpeg)$/; if( !imgVal.toLowerCase().match(fileReg) ) { alert("지원하는 파일 확장자가 아닙니다."); return; } 위 예시는 이미지파일의 여부를 검사하는 것. 상황에 따라 맞게 변경하여 사용하면 됨. 2021. 11. 15. 이전 1 2 3 4 5 6 7 다음
