Eun.code

화면단 코딩을 쌩 자바스크립트로 사용하면 코드가 길어지고 화면구성이 지저분해지기 일 쑤 다.

그래서 나온것들이 자바스크립트 프레임워크

대표적으로 프로토타입과 제이쿼리가있는데 이둘을 동시에 로드하면 충돌이 꽝하고 난다.

그런데 프로토타입으로 개발된 사이트를 내가 갑자기 떠안았을때 당장 프로토타입을 공부할 시간이 없을땐??

그렇다고 모든걸 제이쿼리로 대체할 수도 없을땐??

걍 로드시켜버린다.

충돌은 다음과같이 추가하면 단순하게 해결 끝

<script type="text/javascript">

    jQuery.noConflict();

</script>

단, 제이쿼리에서 $ 이 symbol을 사용할 수 없다.

jQuery(document).ready(function() { });

의 방식으로 jQuery 를 사용하면 된다.

출처 : http://lovemeplz.tistory.com/144

<input id="addPostit" type="button" value="New Postit"> 라면.

- 버튼 클릭 이벤트 발생시, alert 처리.

- onload 는 페이지의 모든 리소스(이미지..)가 로드될 때까지 기다렸다가 나중에 실행됨.

# addEventListener 이벤트 종류 

대상.addEventListener("종류",실행하려는 함수,true and false)

이벤트 종류.

마우스와 키보드 이벤트가 대부분임

마우스이벤트

click   마우스 버튼 클릭시 발생

dblclick   마우스 더블클릭시 발생

mousedown  마우스 버튼을 눌렀을 때 발생

mouseup   마우스 버튼을 눌렀다 땠을 때 발생

mouseover   마우스 커서를 올려 놓았을 때 발생

mouseout   마우스 커서를 올려놓았다가 밖으로 나갈 때 발생

mousemove  마우스 커서를 움직일 때 발생

키보드 이벤트

keydown  키보드가 눌려있을 때 발생

keyup  미보드가 눌려있다가 떼는 순간 발생

keypress  키보드가 눌리는 순간 발생

html이벤트

load 페이지를 전부 눌려있을 때 발생

unload 페이지로 부터 빠져 나갈 때 발생

abort 페이지를 읽다가 사용자의 중지 요청에 의해 중단되는 경우 발생

error 페이지를 읽다가 오류에 의해 중단되는 경우 발생

select 텍스트박스에서 사용자가 특정 문자나 문자열을 선택했을 때 발생

change 텍스트박스의 값이 변경되는 경우 발생

submit FORM에서의 submit 버튼이 클릭되는 경우 발생

reset FORM에서의 reset 버튼이 클릭되는 경우 발생

resize 윈도우(window)나 프레임(frame) 크기가 변경되는 경우 발생

scroll 스크롤바가 스크롤되는 경우 발생

focus 특정 객체(element)에 포커스가 주어지는 경우 발생

blur 특정 객체(element)에 포커스가 있다가 사라지는 경우 발생

[출처] addEventListener|작성자 댕이

offsetHeight 

그 객체를 포함하고 있는 상위객체의 높이를 반환

offsetWidth

그 객체를 포함하고 있는 상위객체의 폭을 반환

clientHeight

스크롤바를 포함하는 요소의 높이를 반환

ex) document.getElementById("column_left").clientHeight

clientWidth

스크롤바를 포함하는 요소의 폭을 반환

scrollHeight

스크롤바를 움직이지 않고 보여지는 요소의 전체 높이

scrollLeft

요소의 왼쪽 스크롤 된 폭을 반환

scrollTop

요소의 위쪽 스크롤 된 폭을 반환

scrollWidth

스크롤바를 움직이지 않고 보여지는 요소의 전체 폭

screen.availHeight : 이용가능한 높이

screen.availWidth : 이용가능한 너비

=> 이 둘은 해상도를 바꾸지 않는한 고정. 화면에 꽉차게 팝업 띄울 필요가 있을때 사용하면 OK.

screen.height : 해상도 높이

screen.width : 해상도 너비

<script language="javascript">  

if(navigator.appVersion.indexOf('MSIE')>0) {

if( confirm("바탕화면에 바로가기 아이콘을 만드시겠습니까?") ) {

            var WshShell     = new ActiveXObject("WScript.Shell");

            Desktoptemp      = WshShell.Specialfolders("Desktop");    //path

            var sIconNm      = "다음 게임명";    //바탕화면에 생성될 아이콘명.

            var sName        = WshShell.CreateShortcut(Desktoptemp + "\\" + sIconNm + ".URL");

            sName.TargetPath = "http://game.daum.net/cn/shotonline";   //해당게임 URL 

            sName.Save();

        }

} else {

alert("바로가기는 인터넷 익스플로러만 지원됩니다");

}

</script>