자바스크립트(Javascript)에서 이벤트 버블링 / 이벤트 캡처링을 막기위해서 아래와 같은 코드를 사용합니다.event.stopPropagation(), event.preventDefault () 이 두가지 이벤트의 차이는 사용자가 만든 이벤트를 막느냐 & 기본 이벤트를 막느냐 차이인데 자세한 내용은 아래 소스를 보고 설명하겠습니다. document.getElementById("blockArea").onclick = function(){ alert("block click"); }); document.getElementById("logo").onclick = function(){ alert("logo click"); }); 위와 같은 마크업 태그가 있다고 가정할시에이미지를 클릭하면 아래와 같은 순서로 ..
var a=[1,5,1,6,4,5,2,5,4,3,1,2,6,6,3,3,2,4]; var unique=a.filter(function(itm,i,a){ return i==a.indexOf(itm); }); alert(unique); 자바스크립트에서 배열에 들어가있는 값의 중복을 모두 제거하여 유니크한 값을 얻고자할때 위와같이 filter를 이용한다.jquery 에서 제공하는 $.unique(배열) 이 있지만 이 함수는 아래와같이 무작위 순서로 중복이 되어있는경우 아래와 같은 결과를 반환한다. var a = [1,1,1,1,2,2,2,1]$.unique(a); 반환값[1,2,1] 간단하게 배열에 있는 중복값을 모두 제거한값이 필요하다면 위와같이 filter 조건을 사용해서 처리할것~ 자바스크립트, javas..
Function Declarations(함수선언) vs Function Expressions(함수표현)출처 : http://insanehong.kr/post/javascript-function/소개이번 글은 function이란 주제를 다뤄볼가 한다. javascript에서 function 은 매우 중요한 녀석이다. 특히 객체를 다루면서 이 function은 절대 빠질수도 빠져서도 안되며 이에 대한 이해가 없다면 javascript 객체에 대한 이해를 제대로 하지 못할 것이다. 그런 이유로 이 글은 Object에 대해 다루기전에 다뤘다면 더 좋았을 거라 생각하지만 사실 자바스크립트에는 연관된 내용이 너무 많은 탓이라며 스스로를 위로하고 있다. 하지만 너무 늦기전에 function에 대한 썰을 풀어놔야 앞으..
HTML + Javascript 조합으로 구성된 간단한 차트 플러그인세로막대 차트만 지원한다. 추후 사용자 플러그인 (Custom Plugin) 개발시에 참고하면 괜찮을것 같아서 블로그에 남깁니다.IE6 이상부터 사용가능 (타 브라우저는 그냥 사용가능) jqBarGraph.1.1.js http://www.workshop.rs/jqbargraph/ 기본 사용방법 1: arrayOfData = new Array( 2: [10.3,'Jan','#f3f3f3'], 3: [15.2,'Feb','#f4f4f4'], 4: [13.1,'Mar','#cccccc'], 5: [16.3,'Apr','#333333'], 6: [14.5,'May','#666666'] 7: ); 1: $('#divForGraph').jqBarG..
제이쿼리(jQuery)를 이용하여 나만의 Custom Plugin을 만들어 봅시다.아주 다양한 방법으로 만들 수 있지만 기본적으로 짚고 넘어가야할 부분.그리고 공통적으로 사용되는 부분들에 대해서 이야기 하도록 하겠습니다. 아래 CSS와 HTML 코드를 가지고있는 객체에 대해서 슬라이드쇼 기능을 지원하는 플러그인을 만들어 보겠습니다. 1: 1: 2: 3: 4: 5: 6: div 컨테이너 객체에 있는 4개의 이미지를 슬라이드 하는 기능을 구성해 봅니다.먼저 DOM ELEMENT 에 반응하는 공통 함수를 정의합니다. 여기서는 mySlide 라고 정의하겠습니다. mySlide.js 파일을 생성하고 아래와같이 코드를 입력하면 DOM ELEMENT 에 반응하는 이벤트가 만들어집니다.$("#slideshow").my..
자바스크립트 개발자라면 클로져에 대해서 꼭 이해해야 합니다. 클로져(Closures) 자바스크립트를 배우려는 사람들에게 클로져는 어렵게 느껴지지만 자바스크립트를 깊게 알기 위해서 반드시 넘어야할 산이다.다음 함수를 생각해보자.function init() { var name = "Mozilla"; function displayName() { alert(name); } displayName(); } init();init() 함수는 name 이라는 지역변수를 만들고 displayName() 이라는 함수를 정의한다. displayName() 은 내부함수라고 불리는데 이는 함수 init() 안에 정의되었고 init() 함수 안에서만 사용할 수 있기 때문이다. displayName() 함수는 지역변수를 가지지 않지..
IE Conditional Comments 줄여서 IE CC 라고도 합니다.IE 6 이하의 브라우저는 CSS 선택자 (selector)에 접근하지 못하는 문제가 있습니다. IE7이라고 해도 문제가 있지요.그래서 주로 사용하는 방법이 CSS-Hack을 이용하거나, CSS Filtering을 이용해서 처리하는데, IE7 이후부터는 주로 CSS Filtering을 이용합니다. 특히 사용이 간편하고 MS에서 권고하는 IE Conditional Comments Filtering 을 이용합니다. 주로사용하는방법은 아래와 같습니다. 1. IE7 에서만 사용하는 경우. 1: 2. IE7 이하의 버전인 경우 1: 3. IE에서만 사용하는 경우 1: if IE]> 2: 3: 4. IE가 아닌경우에만 사용하는 경우 1: i..
1. $(document.)ready(){}, $(function{}) - document의 DOM객체가 로드되면 이벤트 발생 2. window.onload, $(window).load() - documnet의 모든 객체가 로드되면 이벤트 발생 (이미지, 리소스 등등) 이벤트 실행순서로 본다면 document.ready 가 먼저 발생하고,그 뒤에 window.load가 발생합니다. 실제로 웹 개발을 하다보면 document.ready 안에 window.load 를 사용하는 경우가 있는데,간혹? 이벤트 시점에 따라서 오작동을 발생시킬 수 있습니다.. 고로 window.load 와 document.ready는 분리해서 작성하는게 좋습니다.
css 속성중 하나인 float 속성은자신의 위치를 부모의 콘텐츠에서부터 상대적으로 배치하는 속성입니다.가장쉬우면서도 가장 어려운 속성이라고 할수 있겠네요.자 우리는 개발자니까 코드로 이야기 하도록 하겠습니다. CSS 1: HTML 1: 2: div1 3: div2 4: div3 5: 위 코드로 실행을 해보면 아래와같은 형태로 div가 배치됩니다. 부모 컨테이너 div 영역에 자식 div item 들이 배치되어있습니다.부모컨테이너에 종속적인 자식컨테이너 item 들에 대해서 float 속성을 모두 left 로 설정하면 부모 컨테이너 안에 아이템들이 왼쪽으로 정렬되어 보여집니다. right로 하면 당연히 오른쪽으로 기울겠죠?HTML 1: 2: div1 3: div2 4: div3 5: 그런데 여기서 3번 ..
- Total
- Today
- Yesterday
- IE
- JavaScript
- 저장프로시저
- jQuery
- html5
- 프로시저
- jquery chart
- Excel
- WebApi
- workbook
- json
- grid
- jQuery Mobile
- Ajax
- rowspan
- 제이쿼리
- JS
- SVG
- ASP.NET
- Chart
- 자바스크립트
- radius
- MSSQL
- Mobile
- 셀렉터
- drag&drop
- WCF
- Style
- CSS
- css3
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |