Jsp
-
HTML에 데이터 저장하기[JSP]Jsp 2019. 2. 26. 20:30
01. HTML에 데이터 저장하기 - 특정 데이터를 태그 속성안에 저장하여 자바스크립트로 불러와 데이터를 사용할 수 있는 방법에 대해 알아보기. 1 1학년 1학기 2 1학년 2학기 3 2학년 1학기 4 2학년 2학기 5 3학년 1학기 6 3학년 2학기 와 같은 데이블이 있을때 data-id="value" 라는 속성을 추가하여 자바 스크립트에서 쉽게 불러와 데이터를 이용할 수 있습니다. $().ready(function() { $("[data-id]").each(function() { var $this = $(this); var dataId = $this.attr("data-id"); console.log("dataId : " + dataId); }); }); 위와같이 $("[속성]")으로 반복문을 돌아 ..
-
Marquee tag 사용하기 [JSP]Jsp 2018. 1. 23. 13:54
01. Marquee tag(마퀴태그) 사용하기- 일정 범위에 맞춰 글씨를 이동하게 하는 tag- 아래 작성한 내용은 맨아래 글씨로 작성하였습니다. marquee tag 연습 Marquee Test (기본) Marquee Test (scrollamount 적용) Marquee Test (반동주기) Marquee Test (5번만 반복) Marquee Test (오른쪽으로 이동) Marquee Test (위로 올리기) 02. Marquee tag options (마퀴태그 옵션) behaviorSets how the text is scrolled within the marquee. Possible values are scroll, slideand alternate. If no value is specifie..
-
Google Map API 사용해보기 [JSP]Jsp 2018. 1. 19. 09:52
01. Google Map API ( 구글 맵 API 사용하기 )- 빠른 결과를 보기 위해 html을 사용했으며 jsp에도 동일하게 적용가능- 급하신사람을 위해 맨밑에 글씨로 작성하였습니다. 02. 살펴보기 - 구글 지도 API를 사용하기 위한 라이브러리 설정 LatLng : 내가 보고 싶은 위치 선정 ( maps.google.com -> 주소 등록 -> 마우스 오른쪽버튼 -> 이곳이 궁금한가요? 클릭시 쉽게 찾기 가능 )mapProp : 지도의 속성을 어떻게 할지 작성- center : 위치 선정 적용- zoom : 확대 단계 (가장 이상적인 확대는 16 ~ 18)- mapTypeId : 맵 타입을 설정 (궁금하면 하나씩 사용해보는것도 좋은 방법)- Roadmap(normal, default 2D ma..
-
$.ajax 사용시 error 발생이유를 알아보기 [Ajax]Jsp 2017. 12. 13. 16:49
01. Error발생 이유- Controller에서는 잘 작동이 되는데 error로 넘어가지는 경우. $.ajax ({type : 'post',url : 'url',dataType : 'json',data : data,success:function(data) {alert("success!");},error:function(request, error) {alert("fail");// error 발생 이유를 알려준다.alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);}}); ps. 계속 error로 넘어와져서 확인을 해보니 Dependencies를 추가 안해줘서 그랬네요.
-
document.readyState 사용하기 [JavaScript]Jsp 2017. 12. 11. 16:52
01. document.readyState ? - uninitialized -> 아직 로딩 시작 되자 않음- loading -> 로딩중- interactive -> 충분히 로드되고 사용자가 상호 작용 할수 있음- loaded -> 객체 데이터 로딩이 완료되었다.- complete -> 로딩 완료 으로 사용할 수 있습니다. ex) var readyState = document.readyState; alert("현재 State 상태 : " + readyState );
-
화면 뒤로가기 [Jsp]Jsp 2017. 11. 22. 16:07
01. 뒤로가기 ?- history.back()- history.go() history.back() -> 바로 이전문서로 되돌아갈때.history.go(-1) -> 이전문서로 되돌아갈때history.go(0) or location.reload() -> 현재 페이지 리로드history.go(1) -> 앞으로 가기 여기서 알 수 있는것은 history.go(파라미터) -> 파라미터에 의해 넘기는 페이지 수가 결정된다는 것입니다.또한 history.back() 에 파라미터를 넣어도 이전문서로만 되돌아 가진다는것 알아두시면 좋을거 같습니다!
-
Print 하기 [JavaScript]Jsp 2017. 10. 31. 10:42
01. print 하기 javaScript에서 지원하는 window.print();를 사용하면 됩니다.window.print()를 바로 사용시 현재 창 상태를 그대로 인쇄하게 되어지는데내가 적은 body안에 내용들을 인쇄하고 싶다면document.write((넣고싶은내용들의 id).html()); ex) body안에 내용이 있다고 한다면document.write($("#printer).html());로 해주면 되겠습니다. 만약에 여러개를 하고 싶다면?? var printer = $("#printer).html();var printer2 = $("#printer2).html();var result = printer + printer2; 로 해서 result를 넘기면 됩니다. ps) .css는 먹히지 않는거..
-
name으로 넘겨지지 않는 값 넘기기 [JavaScript]Jsp 2017. 10. 31. 10:14
01. name이 써지지 않는 html - 대표적으로는 가 있습니다 당일 1주일 1개월 3개월 form이 이렇게 생겼다는 가정을 해보고 li의 있는 값을 name으로 넘길 수 없으니 value를 이용해 값을넘겨야 하는데 form을 넘길때 function submit() 하나 만들어 넘겨주는 방식으로 해줘야 합니다. function submit() { searchForm.selectedValue.value= $(".selected").val(); 또는searchForm.selectedValue.vale = 내가 원하는 id의 .val()를 주면 됩니다. document.searchForm.submit(); } 을 해주면 java단에서 request를 받을때 request.getParameter("selec..