본문 바로가기

분류 전체보기100

jquery.toggle() jquery.toogle() 해당하는 요소를 감추거나 나타낼때 사용한다.문법 사용법.toggle([소요시간][콜백함수])소요시간 (기본 : 400밀리세컨드)타입 : 숫자 혹은 문자열숫자 혹은 문자열은 얼만큼의 시간동안 효과를 나타낼건지 의미합니다. .toggle(display)display타입 : 논리형true 사용시 나타내고 false 사용시 diplay 에 none 속성이 들어간다. jquery 의 편한 요소 라고 생각된다.예를들어 여러개의 버튼을 클래스로 묶고 하나의 버튼만 display 를 block 상태로 둔 후 클래스를 셀렉트 해 놓은 후 버튼의 event 에 toggle() 만 둔다면 하나의 버튼만 선택 하면 열릴 수 있도록 할 수 있다. toggle demo Toggle 'em HiyaSu.. 2015. 6. 12.
자바스크립트에서 느낌표 두개란 무엇인가? what is double exclamation mark? !! [double exclamation mark]주로 타입을 boolean 으로 변경할 때 사용한다. 느낌표가 한 개 일때는 not 이라는 표현이다.두개일 때는 not not 자 이제 프로그래밍 언어에서 0은 false란 뜻이고 0이외의 숫자는 true 라는 의미이다.또한 객체는 true 다.하지만 이걸 true 혹은 false 로 boolean 형태로 나타내고 싶다면! [exclamation mark] 를 사용하면 된다.별로 좋은 방법은 아니라고 생각한다. 가독성 면에서 떨어진다랄까? ! 은 Not , !true 는 false , !false 는 true , !0 은 true , !1 은 false어떠한 타입이건 boolean 타입으로 변경이 가능하다. 2015. 6. 11.
Document.createEvent() Document.createEvent()DOM 레벨 2 이벤트지원 브라우저 크롬 15, FF 11, Opera 11.6, Safari 6 IE는 DOM Events 모듈을 지원하지 않기 때문에 지원되지않는다.Event createEvent(String eventType) throws DOMException반환값 지정된 타입을 갖는 새로 생성된 Event 객체. 전달인자 eventType --> 원하는 Event 객체에 대한 이벤트 모듈의 이름.예외 현재 구현이 요청된 타입의 이벤트를 지원하지 않으면, code 값이 NOT_SUPPORTED_ERR 인 DOMException 을 발생시킨다.설명 파라미터로 전달받은 이벤트타입을 갖는 새 이벤트 객체를 생성한다. 주의점은 파라미터의 값이 생성할 인터페이스(단수.. 2015. 6. 10.
SVG Editor 분석-1 [DOM 구조파악] DOM 구조 태그를 이용해서 큰 틀을 잡았다.큰 틀 전부 div 요소로 이루어져있고 1번을 제외한 나머지는 display : none 상태때에 따라 보이는 방법은 inline 과 block 속성값으로 처리됨.svg_editor : svg 에디터부분svg_source_editor : 소스로 볼 팝업 창svg_docprops : 왼쪽 상단 메뉴창의 document property 팝업창svg_prefs : 왼쪽 상단 메뉴창의 editor option 팝업창 [Editor Preferences]dialog_box : 왼쪽 상단 메뉴창의 export 팝업창cmenu_canvas : 캔버스에 우클릭시 나타나는 메뉴창cmenu_layers : 오른쪽 사이드바 레이어 우클릭시 나타나는 메뉴창 1. SVG 에디터 부분.. 2015. 6. 10.