알이즈웰

jQuery로 ajax 통신 처리 시 데이터를 배열로 넘겨줄 때 설정한 것 jQuery.ajaxSettings.traditional = true; //저장 function save(){ if(siteChk()){ var url = "/uems/mng/trendMng/trendMngSaveAjax.do"; trendGroupList = []; var trendTagList = []; $("#trendGroupList").children().each(function(){ trendGroupList.push($(this).text()); }); $("#tagList").children().each(function(){ trendTagList.push($(this).attr("id")); }); var site..

데이터 시각화 도구 - 나중에 쓸 일이 있을지도 모르니 정보 저장용으로 저장 구글 차트 - 구글에서 제공하는 HTML5, SVG 기능을 이용한 그래프 라이브러리D3.js - 데이터를 기초로 문서를 조작하는 JavaScript 라이브러리 - HTML, SVG, CSS를 사용해서 인터랙티브하게 데이터를 시각화할 수 있음jqPlot - jQuery의 JavaScript 프레임워크를 위한 플롯과 그래프를 작성하는 플러그인 - 구글차트가 SVG를 이용하는 반면, jqPlot은 Canvas를 사용한다. [출처] 웹 엔지니어의 교과서

jsp 코드 : controller에서 가져와서 동적으로 뿌림 JavaScript - jQuery로 자식 요소 li 중 선택한 아이를 불러오고싶다.그렇지만 동적으로 추가된 요소에는 이벤트가 적용되지 않는다.그럴땐 on으로 click 이벤트를 주면된다.(아래 코드는 선택한 li에 대해서 클래스를 준것(퍼블리싱이 없어서 따로 효과줌) /* Javascript Sample */ $("#trendGroupList").on("click", "li", function(){ $(this).siblings().removeClass(); $(this).addClass("devTrendGroup"); selectTrendGroup($(this).val()); }); part2. 번외로 애먹었던것. 아직 완성하진않았지만 왜..

/* Javascript Sample */ //아래와 같이 하면 자식요소가 딱 바로 아래 뎁스의 요소만 나온다 $("."+$("#tab").val()).children().each(function(){ //~~ }); //이렇게 하면 하위 요소 중에서 클래스명이 devValidation인 것을 모두 골라온닷 $("."+$("#tab").val()).find(".devValidation").each(function(){ console.log("find : "+$(this).prop('tagName').toLowerCase()); }); * 자식요소 가져오기 children : 자식요소만 가져옴(손자요소 가져오지 않음)find : 자손 요소까지 모두 대상으로 해서 가져옴 [참고] 「웹 엔지니어의 교과서 」

*class 명 매앤 앞에는 숫자,특수문자오면안됨 class="c_01192305651608000341" 얘는 안되구 class="c_0" 이런건돼.. 글자수차이인가.. 왜죵 [참고] http://3amsik2.tistory.com/entry/4ID%EC%99%80-CLASS%EC%9D%98-%EC%9E%98%EB%AA%BB%EB%90%9C-%EC%98%88%EC%95%88%EB%90%98%EB%8A%94-%EC%9D%B4%EC%9C%A0%EC%A3%BC%EC%9D%98%ED%95%A0%EC%A0%90

jQuery selectBox에서 option text 값 가져오기 selectBox jsp 예시 전체내역 적립내역 사용내역 javascript에서 //이렇게 호출하면 $("#manageTp").text() 모든 option의 text값을 다 출력하지만 //이렇게 호출하면 선택한 옵션의 text값만 가져온다. $("#manageTp option:checked").text() [참고] http://trandent.com/board/Javascript/detail/635

이슈 : jsp파일에서 JavaScript 함수등을 js파일로 따로 만들어서 관리하는 프로젝트js파일을 jsp파일에 이런식으로 설정하는데, 여기서 저 member.js파일의 업데이트된 내용이 서버를 빌드해도 바로 반영이 안되는 것이다. (해당 내용에 대해서는 참고할만한 글들이 몇가지 있다.js 파일 캐시 로 구글링을 하거나http://kanu.tistory.com/30http://88240.tistory.com/323를 참고하거나.) 따라서 보통의 프로젝트에서는 js 파일 명에 ~.js?현재시각 이런식으로 입력해둔다. 파일명을 매시각 jsp파일을 불러들일때마다 바꿔서 js파일을 새로 불러들이려는 의도. (version 값을 주어서 하는 곳도 있다고 한다.) 이슈는 바로 이 현재시각을 jsp에서 어떻게 구..

회원가입>이메일 입력>이메일 목록을 selectBox로 가져와서 선택할 수 있게 하되, 직접입력 시 목록에 없는 이메일 주소도 입력 가능하도록 하는 기능에서 수정사항이 나왔다. 목록에 없는 이메일을 입력했을 경우 수정화면에서 해당 selectBox에서 selected 할 값을 못 찾아서 디폴트인 "선택" 문구가 선택되지 않고 빈칸이 나오는것. JSP 선택${ result.cdNm } Java Script //회원정보수정 화면 진입 시 ajax로 가져온 데이터를 뿌리는 방식으로 개발함$("select[name=memEmailTriple]").val(email[1]).prop("selected", true); 이슈 : selectBox에 그려진 목록에 없는 이메일로 저장했었던 경우 상세화면에서 이메일주소 s..

1. jQuery로 선택된 값 읽기 $("#selectBox option:selected").val();$("select[name=name]").val(); 2. jQuery로 선택된 내용 읽기 $("#selectBox option:selected").text(); 3. 선택된 위치 var index = $("#test option").index($("#test option:selected")); 4. Add options to the end of a select $("#selectBox").append("Apples");$("#selectBox").append("After Apples"); 5. Add options to the start of a select $("#selectBox").prepend..

JavaScript에서 함수는 객체이다. 그것도 1급객체! - 1급객체에 대해서 참고 : http://bestalign.github.io/2015/10/18/first-class-object/ - 자바스크립트에서의 함수 참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/%ED%95%A8%EC%88%98 말하자면 어떤 값으로 써먹을 수 있다는 것! 그러므로 함수에서 특정 함수를 인자로 사용할 수 있다!함수를 파라미터로 넘길 수 있다는것 !! 이러한 특징을 사용하여 콜백 함수를 구현할 수 있다. 그러나 내가 겪었던 문제점은 선언적함수와 익명함수를 각각 인자로 주고, 특정 조건에 의해서 해당 함수가 콜백함수로 구현이 되어야하는데, 선언적 함수로 ..