목록Programming/Front-End (11)
알이즈웰
같은 데이터를 뿌리는ㄷㅔ 어떤 화면에서는 줄바꿈(enter 처리)이 적용되고, 다른 곳에서는 안되는 경우가 있었다. 데이터를 가져와서 뿌리는 방법이 다른지는 모르겠다. 잘 나오는 쪽 소스는 내가 볼 수가 없으니. 안 나오는 쪽은 데이터를 가져와서 html로 그려 넣었다. html로 그려넣으면 데이터 내 \n을 로 못 바꾸나? 신고일 사유 상세사유 답변일 구매자에게 전하실 말씀 $(document).ready(function () { // 1. html로 뿌림 -> 그래두 안됨 $("#replyDetail").html(GridGetValue(nonReceiptInfoGrid, "응대상세",0)); // 2. text로 뿌림 -> 그래두 안됨 $("#replyDetail").text(GridGetValue(..
따로 css에 설정해둔 클래스도 없고, 퍼블리싱도 나와있지 않고, 그리드로 그리는 테이블도 아니었다.그냥 만든 테이블이었다.QA 중 장문의 글을 노출 시 팝업에 보여지는 td가 옆으로 늘어지고, 줄바꿈처리가 안된다는 이슈가 올라왔다. 아마 그동안의 내 작업환경들은 보이지 않는 곳에서 이번에 내가 이번에 새롭게 확인한 설정이 미리 되어있었을 것이라 생각들어 새삼 퍼블리싱에 고마움을 느꼈다.역시 문제에 맞닥뜨려야만 배우게 되는 것 같다. 이슈. 테이블 td가 고정되지 않음수정 전 신고일 사유 상세사유 답변일 구매자에게 전하실 말씀 수정 후 신고일 사유 상세사유 답변일 구매자에게 전하실 말씀 td에 스타일만 추가해주면 된다. word-break는 글이 길어질 때 줄바꿈을 어떻게 할지 지정하는 속성이라고 한다...
역시나.. 난 jQuery로 작업하는게 제일 어렵게 느껴진다. 뭔가 새로운걸 계속 개척해서 만들어내야하는 느낌? 진짜 사실 아무것도 아니긴한데, 이걸 알아내기 위해 여기저기 우회한 고생을 생각해서 포스팅한닷 *AA Y N *BB Y N changeReturnAccept : function(){ var isReturnAccept = $("input:radio[name=isReturnAccept]:checked").val(); if(isReturnAccept == "Y"){ //$("input:radio[name=isReturnHold]:input[value=Y]").prop("checked", true).trigger("click"); $("input[name=isReturnHold]").removeAtt..
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..
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 : 자손 요소까지 모두 대상으로 해서 가져옴 [참고] 「웹 엔지니어의 교과서 」
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..