반응형

JavaScript 17

javascript 에서 코드로 이벤트 발생시키는 법.

흠. 뭐 하다보니 필요해서. 결론부터 말하면 Element.fireEvent( '이벤트이름' ) // IE 8 버전 혹은Element.dispatchEvent( '이벤트이름' ) // IE 9 버전, 크롬, 파폭 등등 되겠다. ( 출처 : 언제나처럼 https://stackoverflow.com/questions/2381572/how-can-i-trigger-a-javascript-event-click ) function fireEvent(node, eventName) { // Make sure we use the ownerDocument from the provided node to avoid cross-window problems var doc; if (node.ownerDocument) { doc ..

크롬 윈도우 창이 window.close() 로 안 닫힐때.

갑자기, 전에 쓰던 Javascript 코드인 window.close(); 가 안된다. 황당해서 이것저것 시도해 보고 검색 해보고 한 30분 삽질하다가, 결국 이것저것 다 섞인 짬뽕 코드를 만들어 버렸다. function CloseWindow() {window.close();self.close();window.opener = window.location.href; self.close();window.open('about:blank', '_self').close();} 찝찝하면 어떠냐. 돌아가면 됐지. 추신 : 아래 코드로 되네? 확인은 Chrome, IE 10 function CloseWindow() {self.opener = self;window.close();}

프로그램 2013.09.14

JavaScript 로 차트 그리기.

제목 그대로다.아마 보통은 JsChart 많이 쓰겠지? 조금 검색해 보니 주로 쓰이는 JavaScript Chart 라이브러리를 비교해 준 사이트가 있었다. 게다가 2013년판! 최신임. http://socialcompare.com/en/comparison/javascript-graphs-and-charts-libraries 영어를 몰라도 될 정도로 잘 정리가 되어 있지만, 굳이 설명을 하자면, 주로 봐야 할 항목은 Image, Like, OpenSource, Trial and Prices , Chart Type, Platforms 정도다 . ( 다 봐야 된단 이야기네 ) 그래프가 어케 표현되는지는 Image 항목의 그림파일 보면 되고, 돈은 Trial and Price 의 Free 항목 보면 된다.자신..

프로그램 2013.03.31

stopPropagation() 과 preventDefault() 의 차이.

javascript 에서는, 이벤트를 막기 위해서는 stopPropagation() 과 preventDefault() 를 쓴다. 이전에는 이 이벤트들의 차이를 멋도 모르고 그냥 썼는데, 최근에 우연히 이 둘의 차이를 확실하게 알게 되어 적어 놓는다. 이 둘의 차이는, 사용자가 발생한 이벤트를 막느냐, 기본 이벤트를 막느냐의 차이다. 예를 들어, 이런 코드를 보자. 사용자가 여기서, 이미지를 클릭한다면 어찌 될까? 아마도 "click img1" 이 alert 로 뜨고, 다음 "click div1" 이 뜨고, 그 다음 www.daum.net 으로 넘어갈 거다. 만일 onclick 함수에서 stopPropargation() 을 쓰면, 사용자의 액션에 의한 이벤트 전파가 막아지므로, "click div1" 의 ..

프로그램 2012.08.24

jquery.ajaxForm()도 submit을 이용한다.

자세한 건 http://jquery.malsup.com/form/#getting-started 를 참조하고... 예제만 퍼 오자면 OverviewThe jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over ho..

프로그램 2012.05.17

Javascript - substr(), substring(), nodeType;

자주 헷갈리는 거라 적어놓는다. 1. string.substr( a, b ) index a 부터 갯수 b 만큼 자른다. string.substring( a, b ) index a 부터 index b 만큼 자른다. 예를 들어, "abcdefghij".substr( 1, 4 ) // "bcde" 를 반환 "abcdefghij".substring( 1, 4 ) // "bcd" 를 반환 2. text node 의 nodeType 값은 3 이다. 예제: //elem -> document.getElementById("tagID") function getTextNode(elem){ var textNodeContents = []; for ( var child = elem.firstChild; child; child =..

프로그램 2011.12.29

javascript pointer, window.open 부모/자식 값 바꾸기. 보안

javascript 에서, 1. 흔히 메뉴를 만들 때, 이미지 등을 넣고 클릭 이벤트를 걸면, 마우스 포인터가 손가락 모양으로 안 바뀐다. 이거, 마우스 스타일만 지정해 주면 되는데, 문제는 style="{ cursor:'hand'; }" 는 IE 에서만 먹는다는 것. 표준은 style="{ cursor:pointer; }" 인데, 문제는 검색은 hand 가 더 많이 나온다는 것. 2. 자식 창에서 부모 창에 값을 전달할 때, window.open() 으로 자식 창을 열게 되면, var t = window.open(); 하면 부모창에서는 t.document.getElementById("") 와 같이 접근이 가능하고, 자식창에서는 opener.document.getElementById("") 와 같이 접근..

프로그램 2011.12.26
반응형