Script 썸네일형 리스트형 따라다니는 메뉴 간단 소스 메 뉴 1메 뉴 2메 뉴 3메 뉴 4메 뉴 5 출처 - https://developer.mozilla.org/ko/docs/Web/API/Window/scrollY 싸이트에서 가져온 소스가 포함 되어 있슴 더보기 Ajax 실행시 주의 할 점 Ajax 를 사용할 때 주의할 점은 Ajax 는 네트워크를 사용하기 때문에 데이터를 받는데 시간이 걸린다. 그래서 그 속도를 감안하여 코딩을 해야 한다. 그 시간을 신경쓰지 않고 코딩을 하면 Ajax 도 자바스크립트 이기 때문에 함수를 사용할 수 있지만 네트워크 속도로 인해 넘어온 값을 인식하기도 전에 함수가 실행 되어서 원하는 결과가 나오지 않을 수 있다. 그러니 항상 onreadystatechange 로 불러온 함수에 다음 함수를 지정해야 한다. 더보기 ajax 객체로 실행 AJAX GET방식을 객체로 만들어 실행var ajx = {"request":function(){ try{ request = new XMLHttpRequest(); }catch(tryMs){ try{ request = new ActiveXObject("Msxml2.XMLHTTP"); }catch(otherMs){ try{ request = new ActiveXObject("Microsoft.XMLHTTP"); }catch(failed){ request = null; } } } return request; }, "get":function(url){ //encodeURIComponent(); greq = this.request(); greq.open("get",url,true); greq.send(null).. 더보기 Event Handler var x = document.getElementById("myBtn");if (x.addEventListener) { // For all major browsers, except IE 8 and earlier x.addEventListener("click", myFunction); } else if (x.attachEvent) { // For IE 8 and earlier versions x.attachEvent("onclick", myFunction); } document.getElementById("myDiv").addEventListener("click", myFunction, true); //이벤트 추가 element.removeEventListener("mousemove", myFunction.. 더보기 재정리 01 document - 서류, 문서 ; 웹상에서는 웹브라우저가 보여주는 창이다. element - 요소, 성분 ; 웹상에서는 각종 태그들을 뜻한다. *** 엘리먼트 찾기 ***document.getElementById() - 엘리먼트(태그)의 ID 로 찾기document.getElementsByTagName() - 엘리먼트(태그)의 이름으로 찾기document.getElementByClassName() - 클래스명으로 엘리먼트(태그) 찾기*** 엘리먼트 바꾸기 ***element.innerHTML = : 엘리먼트의 내용 바꾸기, element 는 엘리먼트 찾기로 찾는 것도 되고 직접 입력해도 된다. 즉 엘리먼트 자리에 엘리먼트가 의미하는 것을 알려줘야 한다.element.attribute = : 엘리먼트의 .. 더보기 Ajax Template function createRequest(){ try{ request = new XMLHttpRequest(); }catch(tryMs){ try{ request = new ActiveXObject("Msxml2.XMLHTTP"); }catch(otherMs){ try{ request = new ActiveXObject("Microsoft.XMLHTTP"); }catch(failed){ request = null; } } } return request; } ***** GET ***** function ajaxGet(){ var req = createRequest(); if(req == null){ alert("아직스 사용 못함."); return; }else{ url = "/manager/customer.. 더보기 JQuery에서 내가 사용하는 ajax load(url [,data] [,fn]) - url의 값으로 등록된 파일을 load하여 현재의 document 안에 삽입. data : Map 타입으로 key:value 형태로 사용 fn : 보통의 JQuery 안의 function(){} 사용방법과 동일 $("#contents").load("./show.html"); $("#contents").load("index.html body",function(){ alert($(this).html() ); }); $.get(url [,data] [,fn]) - GET방식으로 서버와 통신하는 형태,function은 요청에 대한 응답이 성공일 경우에만 호출된다. [$.post() 사용방법과 동일] $.ajaxSetup({ dataType:"text" }); $.g.. 더보기 JQuery의 Ajax 사용 형식 : JQuery.ajax(options); 기본 사용법 : $.ajax({url:http://www.exam.com,type:"get",data:{"param":$("#param").val(),"name":"작성자", ...}},dataType:"text", ...); options 의 parameter 들 형식 - option:(Map) : 옵션의 값은 Map(key/value)의 형식으로 정의함 asyn(boolean): 모든 request 는 비동기방식임, asyn:false으로 구성하면 동기방식으로 사용됨 beforeSend(Function): request를 보내기 전 XmlHttpRequest 의 값을 변경을 가능하게 하는 함수 cache(boolean): false일 경우 요청 내용이 .. 더보기 이전 1 2 3 다음