본문 바로가기

IT/JQUERY

jquery data() 사용법 / dom에 value 값 넣기 데이터를 조회 후 dom에 데이터를 보관, 사용할 때 jquery에서 제공하는 date() 함수를 사용하면 데이터를 쉽게 관리할 수 있다. 데이터 저장하기 1. $(selector).data(key,value); 형식으로 원하는 key 값을 넣어 데이터를 저장할 수 있다. 2. DOM에 서버에서 받아온 값 또는 원하는 값을 저장 할 수도 있다. 데이터 조회하기 1. $(selector).data() ; 해당 셀렉터에 등록되어 있는 모든 data 값을 json 형태로 리턴해 줍니다. 2. $(selector).data(key); key에 해당하는 데이터 값을 조회한다. 예제 소스 $(".datatest").data("tel","010-1244-4654"); $(".datatest").data("name",.. 더보기
select 박스 value 값 가져오기 :: onchange 웹페이지를 만들다보면 select 박스를 사용할 일이 굉장히 많다. select 박스를 선택했을때 선택한 값을 가져오는방법을 간단히 정리해 보았다. 맨날 헷갈려서.. 간단한 예로 셀렉트 박스를 선택할때마다 input 박스 값을 변경하는 소스 봄 여름 가을 겨울 위와 같이 셀렉트 박스를 만들고 option값을 변경할때마다 원하는 값을 구해오는방법은 매우간단하다. 1. select box에 onchange 함수를 사용한다. 위와 같이 onchange 함수를 사용해서 this.value 값을 넘겨주면 option에 value 값을 바로 구해 올 수 있다. //jquery 소스 var selectBoxChange = function(value){ console.log("값변경테스트: " + value); $(".. 더보기
[jQuery] ajax cache 이슈/ IE 에서 cache 가 남아있는 경우 IE에서 페이지 로그인을 하려고 하는데 갑자기 에러가 발생?? 다른 브라우저에서는 안 그러는데 IE에서만 해당 현상이 발생했다. 왜지??? 찾아보니 IE에서 ajax GET방식으로 cache가 남아서 오류가 발생하는 경우가 있다고한다. cache가 남아있어서 처음 한번만 서버에 호출을하고 그후론 호출을 안한다... 아래 코드처럼 호출을 하고 있었다. $.ajax({ url: "" , type : "get", dataType:"json", async:false, error:function(xhr, txt){ console.log("실패"); return false; }, success:function(data){ console.log("성공"); return true; } }); IE에서 ajax get .. 더보기
[Jquery] Jquery 문자열 자르기 split() Jquery에서 특정 단어 기준으로 문자열 자를 때 split() 함수를 사용한다.string.split("구분자",limit) 사용방법은 위와 같다 구분자 값 - 구분자를 기준으로 문자열을 잘라 배열에 넣어준다. - 구분자 값은 필수가 아니지만 값을 입력하지 않으면 딱히 위 함수를 쓸이 유가 없는 거 같다.. limit값 - limit값 역시 필수는 아니며 구분자 값이 여러 개일 경우 limit 값만큼만 배열에 담고 그 뒤에 남은 값들은 지정된 변수에 담지 않는다. - limit 값을 입력하지 않을 경우 구분자 값을 전부 체크해서 지정 된 변수에 배열로 담는다.var splittest = "test-test2-test3-test4"; var splittest_1 = splittest.split("-",.. 더보기
ajax로 체크된 체크박스 배열(list) + 객체(object)로 값 넘기기 ajax로 체크박스에 체크된 값 것들중 필요한값을 객체에 넣어서 넘기고 싶었다. 값을 세팅하고 json 형태로 ajax통신을 이용해서 값을 넘기는데 까지는 별 문제가 없었는데... 문제는 java controller 단에서 값을 받는데 계속 오류가나서 멘붕이 왔다. var testArray = []; $("input:checkbox[name='testChk[]']").each(function(){ if(this.checked) { //체크된 항목 var objData = new Object(); objData.test1 = this.dataset.test1; //data에서 원하는 값을 가져온다. objData.test2 = this.value; // value값을 가져온다. testArray.push(.. 더보기
jQuery unrecognized expression 오류 jQuery에서 !"#$%&'()*+,./:;?@[\]^`{|}~ 등의 특수문자를 셀렉터로 사용하면 unrecognized expression 과 같은 오류가 발생하는거 같다. 일단 해결 방법으로는 아래와 같이 특수문자를 \특수문자 이런식으로 변경하면 jQuery 셀렉터에서 제대로 인식된다고 하여 다음과 같이 변경하여 사용했다. 1. \추가var replaceInstanceName = function (selectId) {var replaceInstName = selectId.replace(/[\s\!"#\$%&'\(\)\*\+,.\/\:;\?@\[\]\^`\{\|\}\~]/g, '\\$&')return replaceInstName;} 2. Ascii 코드로 면경var changeASCII = funct.. 더보기
[jqgrid] jqgrid 특정 row, cel 속성 추가하기 jqgrid를 사용하다보니 특정 row와 cel에 스타일을 줘야 하는 경우가 생겼다.이방법 저방법 찾아보다가 jqgrid 내부 속성만으로 해결 할수 있어서 편하게 해결 할 수 있었다 setRowData : 특정 row의 속성을 추가할 수 있음setCell : 특정 cel의 속성을 추가할 수 있음 jQuery(viewName).jqGrid('setGridParam', //viewName grid가 그려질 테이블 네임{ datatype: "jsonstring", datastr : data.resultData, loadComplete: function() {//var rowids = jQuery(viewName).jqGrid('getDataIDs'); //일단 jqgrid 데이타들의 id 값을 가져온다.$.e.. 더보기
브라우져 or 모바일 구분 최근 인터넷 익스플러러 뿐만아니라 크롬, 사파리,파이어폭스, 오페라 등 다양한 브라우져들의 사용량이 급증하면서 크로스 브라우징이 굉장히 중요 해졌다고 생각합니다. 브라우져마다 적용되는 css가 조금씩 다르고, ie의 하위 버전(8이하) 같은 경우는 적용되지 않는 jQuery, CSS등이 굉장히 많기 때문에 브라우져를 체크해서 다른 소스를 적용해야 하는 경우가 종종 생긴다. 또 반응형 웹을 하다보면 안드로이드, 아이폰, 테블릿 등을 체크해야하는 경우도 종종 생긴다. 위의 상황들을 쉽게 체크 할 때 필요에 따라 소스를 수정해서 사용하면 좋을것 같다. window.onload = function(){ var isie=(/msie/i).test(navigator.userAgent); //ie var isie6=.. 더보기
javascript 회원가입 유효성 체크 회원가입을 하려면 체크해야할 것이 굉장히 많다. 더 필요한 사항과 불필요한 사항은 추가 삭제 수정할 계획이다. /** * 입력값이 NULL인지 체크 */ function isNull(input) { if (input.value == null || input.value == "") { return true; } return false; } /** * 입력값에 스페이스 이외의 의미있는 값이 있는지 체크 * ex) if (isEmpty(form.keyword)) { * alert("검색조건을 입력하세요."); * } */ function isEmpty(input) { if (input.value == null || input.value.replace(/ /gi,"") == "") { return true; }.. 더보기