유혁스쿨

메롱 메롱을찾아라 findMerong data 즉 현재 누른 버튼의 부모의 부모의 자식은 td가 된다. 여러개의 td중 merong이라는 클래스명을 가진 태그의 요소안의 내용을 .html()을 통해 가져온다 가져와서 아래의 foundMerong아이디를 가진 h4태그의 요소에 .html()을 통해 내용을 삽입한다 내용

html onclick속성 자바스크립트 숨은 DIV보이기 DIV 숨기기 function onDisplay() { $('#noneDiv').show(); } function offDisplay() { $('#noneDiv').hide(); } JQuery 클릭이벤트 숨은 DIV보이기 DIV 숨기기

버튼의 onclick속성에 바로적용 onclick속성으로 스크립트 함수 호출 jQuery를 사용하여 지정 id명 클릭이벤트 발생

페이징 처리를 마치고 jQuery를 사용여 검색기능 작업중에 검색어와 검색기준을 파라미터에 담는 도중 에러가 발생했습니다. 상황은 jQuery를 사용하여 버튼을 클릭하였을때 행(row)을 몇개를 띄워줄지에 대한 작업 처리에대한 $("#count-per-page .btn-izone").click(function(){ let row = $(this).val(); //1번//location.href="/board/list?row="+row+'&page='+${page}; //2번//location.href="/board/list?row="+row+'&page='+${page}+'&keyword='+${keyword}+'&condition='+${condition}; location.href="/board/li..

select option이 selected 선택되었을때 value값을 가져오게하는법 코어태그립으로 selected 속성을 부여하고 form get방식으로 submit을통해 선택된 네임파라미터를 전송하는 방법을 jQuery로 구현할수 있습니다. 제목 내용 작성자 제목+내용 기본적으로 select 속성은 제목 이라는 option이 선택되었을때 제목 option의 value속성 값이 select의 name파라미터에 실려 넘어갑니다. 제목 제목이 선택된다면 condition이라는 파라미터에 title이 실려가는것입니다. 이 내용은 선택된 option을 전송하는것과는 별개인데 이 코드를보십시오 ${'selected'} c:if문의 조건은 만약 name이 condition인 select태그의 option이 현재 o..

$()로 아이디에접근해서 클릭했을때 이벤트발생시킨후 .val()로 해당태그의 value값을 받아와 let keyword변수에담는다. 그리고 location.href=""에 파라미터를 실어 요청을 달린다 여기서 신기한건... 아이디에접근할때 $('#아이디명') 으로 접근해야하는데 $(아이디명) 이렇게 실수를 했는데 접근이 됬다는거... 뭔가 오류가있었던건지, 아니면 문법이 바뀐건지,,,, 잘모르겠다.

body영역에 선언된 한개의 form태그 안에서는 submit버튼을 한개밖에 만들수가 없습니다. 만약 한 페이지 body안에서 요청을 수행해야할 버튼이 두개가 존재하고, 각 버튼을 눌렀을 때 둘다 form이 작동하면서 action과 method가 서로다른 방식으로 적용되어 작동을 해야하는 상황이 발생할때, 하나는 submit버튼 나머지 버튼은 일반 button type속성으로 만들어야합니다. 이때 일반 button 옵션 버튼에 클릭 이벤트를 발생시켜 주면서 이벤트 내용은 form태그의 action과 method방식을 해당클릭이벤트가 발생했을 때 에만 변경시킨후 submit처리까지 할수 있는 방법이 있습니다. JQuery를 통해 일반 Button을 css id선택자로 접근하여 변수에 담아줍니다. butto..

html태그에 접근 자바스크립트와 JQuery가 html태그에 접근하기 위해서는 html태그를 객체로 포장해서 데리고 오게 됩니다. 방법은 html태그에 css 선택자 문법을 사용하여 id혹은 class속성을 부여하는것 입니다. css 선택자를 기준으로 자바스크립트와 jQuery가 html태그에 접근할 수 있습니다. input 태그에 btn이라는 class속성 부여합니다. 자바스크립트로 html태그 접근 var modifyBtn = document.getElementById("#modBtn"); document.getElementById("")함수를 통해 얻어온 modBtn이라는 class속성을 var타입 변수 modifyBtn에 저장합니다. jQuery로 html태그 접근 var modifyBtn = ..

입력,수정,삭제가 완료된 후에는 항상 작업이 수행되고 수행된 작업을 재요청을통해 화면에 띄워줄수있도록 Redirect처리를 해줍니다. 이때 자바스크립트를 통해 수정이 완료되고 페이지전환이 될때 자바스크립트의 alert('')경고창을 통해 작업이 성공적으로 처리가 되었다는 문구를 사용자에게 띄워줄 수 있습니다. @PostMapping("/write") public String write(BoardVO board, RedirectAttributes ra) { service.insert(board); ra.addFlashAttribute("msg","wrtSuccess"); return "redirect:/list"; } @PostMapping("/modify") public String write(Board..

onclick return confirm(' ') 이라는 옵션은 지정한 문자열을 출력하면서 예,아니오 버튼이뜨는 자바스크립트 함수입니다. 삭제 버튼을 눌르면 alert경고창에 ' '로 넣은 문자를 출력해줍니다.

자바스크립트의 Location 함수는 지정된 url에 GET방식으로 이동하는 기능입니다. 두가지 방법으로 사용이 가능합니다. 파라미터 넘김 또한 정상적으로 사용 가능합니다