web developer👩🏻‍💻

​ ul에 동적으로 li를 append 시키고 3초안에 각각의 li 태그를 .remove() 시킨다. .find() *배열에서 특정 값을 찾는 조건을 callback 함수를 통해 전달하여, 조건에 맞는 값 중 첫번째 값을 리턴 만약 배열에 조건을 만족하는 값이 없으면 undefined를 리턴 var ul = $(".divUl"); var li = $('새로운 Q＆A가 등록되었습니다.'); ul.append(li); setTimeout(function(){ $(".ul").find(li).remove(); }, 3000);

div를 보여지게 하고 3초뒤에 숨겨버리는 코드 function do_totalsN(){ var ele = document.getElementById('pleasewaitScreen'); ele.style.display = 'block'; setTimeout(function(){ ele.style.display = 'none'; }, 3000); //3초 }

keyup : 누른 키에서 손을 뗄 때 실행. $("#아이디명").keyup(function(e){ if(e.keyCode == 13){ // 호출할 함수나 기능 작성 } }); $("#아이디명").keyup(function(e){ if(e.which == 13){ // 호출할 함수나 기능 작성 } }); keydown : 키보드에 어떠한 키가 눌려도 실행 $("input[name=name명]").keydown(function(e) { if(e.keyCode == 13){ // 호출할 함수나 기능 작성 } }); $("input[name=name명]").keydown(function(e) { if(e.which == 13){ // 호출할 함수나 기능 작성 } }); Key Code Key Code Key..

input Box가 하나이고, 값을 입력 후 enter키를 누르면 submit이 돼버리는 현상이 생겼다. 이 문제를 해결하기 위한 방법 3가지를 적어보려고 한다. 1. input Box를 하나더 생성한다. style로 숨기기. 원래의 소스에 style display:none인 input을 추가해준다. * type은 text * display:none - 아예 사라지게 하는 것. 보이지도 않고 해당 공간도 존재하지 X visibility:hidden - 보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재 2. keycode값을 판단해서 처리해준다. (추천) preventDefault : 브라우저 고유의 동작을 중단 stopPropagation : 부모 엘리먼트에게 이..

html 추가 js var maxAppend = 1; $('.__add ._add').on('click',function(){ if(maxAppend >= 3){ alert("파일 업로드 최대 개수는 3개 입니다."); return; }else{ $('.__add').append(' 삭제'); maxAppend ++; } }); function addDel(a){ $(a).closest('li').remove(); maxAppend --; }

append 한 button에 클릭이벤트를 주니 이런 오류 메시가 출력. (index):1 Uncaught ReferenceError: 함수명 is not defined at HTMLButtonElement.onclick ((index):1) 원인 : 동적으로 추가된 태그는 이벤트가 동작되지 않음. = 로드되었을 때 존재하지 않는 태그에 대해서는 이벤트를 걸 수 없는 것 $(document).on('click / change 등등의 이벤트', '이벤트 적용할 타깃 태그', 동작 함수(){}); 또는 $('.부모 이름').on('click', '.걸고 싶은 대상', function() { 넣을 소스; }); 출처 : https://stackoverflow.com/questions/15420558/jquer..

[jQuery] 파일 업로드 input type = 'file' 다중으로 생성하기 html 추가 js var maxAppend = 1; $('.__add ._add').on('click',function(){ if(maxAppend >= 3){ alert("파일 업로드 최대 개수는 3개 입니다."); return; }else{ $('.__add').append(' 삭제 '); maxAppend ++;.. truecode-95.tistory.com html js file은 JSON에 포함될 수 없다. 그래서 FormData 안에 file과 JSON (= data)를 append 시킨다. //FormData 새로운 객체 생성 var formData = new FormData(); // 넘길 데이터를 담아준다..

제일 간편하고 좋은 방법은 HTML이나 JSP에서 EL이나 , jstl을 사용하여 pageContext 개체에서 request 객체의 contextPath를 가져오면 된다. EL ${pageContext.request.contextPath} JSP JSTL 오늘은 js파일에서 contextPath 사용하는 방법을 적어보려고 한다. sessionStorage tiles 영역 header.jsp에 추가 => sessionStorage에 contextPath를 저장 contextPath를 사용할 js 파일을 열어 sessionStorage.getItem("contextpath")로 꺼내온다. var ctx = getContextPath(); function getContextPath() { return ses..

$(result).find("찾으려는 요소") $.ajax({ type : "GET", url : "url 입력", dataType : "html", success : function(result){ $(".클래스나 #아이디").html($(result).find(".클래스나 #아이디")); //("찾으려는요소"); } });

jQuery("#id").append(data); : 기존 데이터에 내용이 추가 (쌓이는것) -> .remove() 필요. $("#qnaMenuBtn").on("click",function(){ $.ajax({ type : "GET", url : "/qna_list.jsp", dataType : "html", success : function(result){ $(".content").append($(result).find(".qnaListDiv")); } }); }); jQuery("#id").html(data); : 초기화하고 새로운 내용이 들어간다. -> .remove() 필요없음 $("#qnaMenuBtn").on("click",function(){ $.ajax({ type : "GET", url ..