개발/Javascript & Jquery 5

[JQuery] jqGrid 열 숨기기, 보이기 (컬럼 동적 표시)

[JQuery] jqGrid 열 숨기기, 보이기 (컬럼 동적 표시) 1. 개요 1) jqGrid를 사용하는 중 컬럼을 동적으로 숨기고 보여줘야할 일이 생겼다 2) 사실은 이 블로그를 찾아올 필요도 없었다. 당연하게도 공식 사이트에서 제공하는 Wiki에 방법이 나온다 : http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods 3) 쭉 내리다보면 사용 가능한 아주 다양한 메소드들이 나오는데 필요한 부분은 아래와 같다 - 2번째에 나오는 Parameters를 보면 showCol에서는 꼭 복수개를 한번에 처리하기위한 배열 사용이 불가할 것 같지만 아주 잘 된다 2. 방법 - 위에서 이미 설명한 것 같지만 다시 한번 설명하자면 'hideCol', 'showCol'..

Javascript 정규식 html tag 제거

Javascript 정규식 html tag 제거 1. 정규 표현식을 이용하여 html 태그를 제거하는 방법 //HTML Tag가 포함된 문자열 var beforeString = "" + "" + "" + "" + "여기만 출력되면 정상" + "" + ""; //HTML Tag 제거 var afterString = beforeString.replace(/(]+)>)/ig,""); //HTML Tag 제거 후 출력 console.log(afterString); 위와 같이 html tag가 포함된 문자열이 있다 정규식을 이용하여 Javascript에서 html tag를 제외 후 문자열을 출력하였다 2. 결과 정상적으로 출력됨을 알 수 있다 Java 소스는 아래와 링크를 참고 자바 정규식 html 태그를 제외한..

[Javascript/Jquery] 클릭이벤트 강제 발생 (자바스크립트 or 제이쿼리)

[Javascript/Jquery] 클릭이벤트 강제 발생 (자바스크립트 or 제이쿼리) - 피곤하다 만들고 싶은게 생겼다 1. 무엇을 만들고 싶었는가 - 버튼을 클릭하지 않아도 클릭이벤트를 강제로 발생시키고 싶었다 - Jquery로 만들고 싶었는데 Javascript로도 만들고 싶었다 2. 소스 - Html12버튼 Colored by Color Scriptercs - JQuery123//Jquery trigger$("#my-btn").trigger("click"); cs - Javascript12document.getElementById("my-btn")[0].click(); Colored by Color Scriptercs 3. 실행결과 - Jquery와 Javascript 로 작성한 소스 모두 동일하..

[Javascript] JSON String <-> Object 객체 문자열 변환

[Javascript] JSON String Object 객체 문자열 변환 - 피곤하다 변환하고 싶은게 생겼다 1. 무엇을 변환하고 싶었는가 - JSON 문자열을 객체로 (JSON String to Object) - JSON 객체를 문자열로 (JSON Object to String) 2. 소스 - JSON 문자열을 객체로123456//JSON 문자열 var jsonStr = "{\"name\":\"피곤한 개발자 피로그래머\",\"url\":\"http://niphyang.tistory.com\"}";var jsonObj = JSON.parse(jsonStr); //JSON 문자열을 객체로 변환 console.log(jsonObj); //로그 Colored by Color Scriptercs - JSON ..

[Jquery] 클릭 이벤트 중복 방지 (unbind, bind)

[Jquery] 클릭 이벤트 중복 방지 (unbind, bind) - 피곤하다 문제가 발생했다 1. 문제 발생 - 제이쿼리를 사용하여 클릭 이벤트를 발생시켰으나 이벤트가 중복해서 발생 2. 바보같은 행동 - 같은 엘리먼트에 중복해서 클릭 이벤트를 발생시킨 경우 그 수 만큼 중복 실행된다 - 현재 소스의 경우 alert dialog가 두번 출력된다 123456789//클릭이벤트 1$("#test-button1").click(function(){ alert("click event");});//클릭이벤트 2$("#test-button1").click(function(){ alert("click event");}); Colored by Color Scriptercs 3. 올바른 행동 - 마지막으로 설정한 이벤트..