나는 초보다

너무 정리가 잘되어 있어서 퍼왔음 http://blog.naver.com/seogi1004 F E의 바로 아래 자식이면서 태그 명이 F인 모든 엘리먼트 E+F E의 형제 엘리먼트로 바로 다음에 오는 엘리먼트 F E~F E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F E:has(F) 태그 명이 F인 자손을 하나 이상 가지는 태그 명이 E인 모든 엘리먼트 E.C 클래스 명 C를 가지는 태그 명이 E인 모든 엘리먼트. E의 생략은 *.C와 동일함 E#I 아이디가 I인 태그 명이 E인 엘리먼트. E의 생략은 *#I와 동일 E[A=V] 값이 V인 에트리뷰트 A를 가지는 태그 명이 E인 엘리먼트 E[A=V] 값이 V로 시작하는 에트리뷰트 A를 가지는 태그 명이 E인 엘리먼트 E[A$=V] 값이 V로 끝나는 에..

위와 같이 pass()에서는 인자를 하나만 받고 있는데 onClick()에서 인자를 두개를 던지고 있는경우 일반적으로는 에러라고 뜨겠지만 자바스크립트에서는 상관없다 위의 경우는 "a" 만 출력이 된다 그런데 arguments객체를 사용하면 이렇게 사용도 가능하다고 한다 정말 신기하다

[a.html] => 이동 전 페이지 [b.html] => a.html에서 이동할 페이지 [실행화면] a.html 1번 버튼으로 이동 2번 버튼으로 이동 잡다한 내용은 다 빼고.. 여기서 중요한 것은 unescape(location.href) 이 부분이다 저 구문을 출력해 보면 아래와 같이 나온다 현재 주소창에 띄워져 있는 문자들을 그대로 가져온다 그런데 여기서 필요한것은 tab = 2 라는 부분이므로 var address = unescape(location.href); var param = ""; if(address.indexOf("tab", 0) != -1) { param = address.substring(address.indexOf("tab", 0) + 4); } else { param = "1"..

[웹접근성 페이지제작 준수사항(체크리스트)] 1. 대체텍스트를 제공하였는가? (예: 네이버의 로고이미지 - alt="네이버(o)" alt="네이버 로고(x) -모든 이미지의 명확한 네이밍 -영문alt는 알기쉬운 한글화 2. 동영상 삽입 시, 동영상을 이해할 수 있는 대체내용(자막 등)을 제공하여 접근가능하도록 하였는가? 3. 색상으로 콘텐츠의 내용을 구분하지 않도록 개발 되었는가? 4. 이미지 맵을 시킨경우, 대체텍스트를 제공하였는가? 5. 프레임으로 제작한 경우(frameset/iframe), 프레임안의 내용을 짐작할 만한 적절한 대체텍스트를 제공하였는가? 6. 처음부터 깜빡거리는 개체가 없도록 개발하였는가? 배너등의 경우 처음에는 정지되어있고, 사용자가 원할 경우에만 재생이 가능하도록 제작 7. 키보..

IE : event.x / event.y 또는 event.clientX / event.clientY 크롬 : event.pageX / event.pageY 또는 event.clientX / event.clientY

아... 역시 별건 아니고.. 클라이언트중 하나가 아우스 오른쪽 버튼이랑 키보드 복사 등등을 막아 컨텐츠를 복사하는것을 막아 달래서.. 그거 쉽게 뚫려서 효과 없는데... 하다가 jquery에 비슷한 플러그인 있나 보다가 없어서 이리저리 뒤져보다가 재미난 것들을 두가지를 발견했다. 첫째는 마우스 오른쪽 버튼 감지 하는 플러그인. 둘째는 키보드 단축키 감지 하는 플러그인. 이 둘을 조합하면 먼가 되겠다 싶어서.. 해봤는데 잘된다.. 물론 jquery랑 위 두개의 플러그인을 불러 들여야 하지만 쓸만허다.. view plaincopy to clipboardprint? $(document).ready( function() { //no mouse right button $("html").rightClick(fun..

웹페이지에 이미지를 띄워놓고 마우스로 이동시켜야 경우가 생겨서 자바스크립트로 이미지의 현재 위치값을 가져오려고 했는데 아무리해도 값이 넘어오질 않는다 CSS 부분은 아래와 같다 다음은 자바스크립트이다 var beforeX = 0; var beforeY = 0; function mouseDrag() { var obj = document.getElementById("img1"); if(beforeX > 0) { var objLeft = obj.style.left; var objTop = obj.style.top; objLeft = eval(objLeft.replace("px", "")); objTop = eval(objTop.replace("px", "")); var locX = objLeft + (even..

# 기본 셀렉터 * : 모든 엘리먼트와 일치 E : 태그명이 E인 모든 엘리먼트와 일치 E F : E의 자손이면서 태그명이 F인 모든 엘리먼트와 일치 E>F : E의 바로 아래 자식이면서 태그명이 F인 모든 엘러먼트와 일치 E+F : E의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치 E~F : E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F와 일치 E:has(F) : 태그명이 F인 자손을 하나 이상 가지는 태그명이 E인 모든 엘리먼트와 일치 E.C : 클래스명 C를 가지는 모든 엘리먼트 E와 일치, E의 생각은 *.C와 동일함 E#I : 아이디가 I인 엘리먼트 E와 일치. E의 생략은 *#I와 동일함 E[A] : 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치 E[A=V] : 값이 V인 ..

프로그래밍을 하다보면 XML 형태의 내용을 읽어오는 경우가 많다 물론 텍스트로 보내서 요령껏 잘 꺼내쓰는 것도 상관은 없지만.. 매우 노가다적인 작업이 된다 예를들어서 아래와 같은 xml 문서가 있다고 치자.. 20 GGoReb 1 안녕하세요 2011-09-22 09:54:49 19 GGoReb 1 꺼져 2011-09-22 09:39:51 ..... ..... 만약에 이 문서를 그냥 문자열로 받아서 내용만 잘 분해해서 쓸려면 엘리먼트가 총 몇개 나왔는지 찾아보고 하위 엘리먼트들이 뭐가 있는지 확인하고 ''를 기준으로 내용과 컬럼명을 구분해주고 등등등등 String 클래스의 indexOf() 와 substring() 같은 문자열을 건드리는 메소드와 매우 친해져야 된다 그리고 만약에 컬럼명이 바뀌거나.. 다..

Ajax를 사용하려면 가장 먼저 기본적으로 XHR(XMLHttpRequest) 객체를 구현해주어야 한다 익스플로러에서 ActiveX Component 형식으로 구현되었고 이 밖에 다른 브라우저들은 native javascript 객체로 구현되었다 따라서 초기화(?) 코드는 아래와 같다 [XHR 객체 생성] var xmlHttp; function createXMLHttpRequest() { if(window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } [실제 동작 함수] function test() { cr..