본문 바로가기

닷컴's_열공/jQueryJavaScript/Ajax

AJAX 강의 1장 - AJAX 소개 AJAX 강의에 들어가기 앞서 본 AJAX 강의 시리즈는 Foundations of Ajax / Ryan Asleson and Nathaniel T. Schutta 의 책을 기본으로 작성할 것임을 먼저 밝혀 둔다. 강의 수준 및 난이도는 되도록 책의 기준에 맞춰질 것이다. 책에 수록된 내용과 예제가 주를 이루겠지만 단순한 번역 차원이 아닌 비판적 시각으로 AJAX 를 해부할 것이다. 모든 글은 본인이 직접 읽고 예제를 실행한 결과를 토대로 씌여질 것이며 개인적인 의견 및 다른 참고자료도 같이 곁들여 질 것이다. 지금 강의를 준비하고 있는 이 시점에도 Ajax 관련 오픈소스 프레임웍과 툴들이 하루가 다르게 쏟아져 나오고 있다. 그 중에는 자바스크립트를 모르더라도 Ajax 및 Rich Client 를 구현할..
HTMLElement 객체의 프로퍼티 --- HTMLElement 객체의 프로퍼티 --- all ⓔ 특정한 HTMLElement 객체에 포함된 모든 태그들의 컬렉션 align ⓔ Block 효과를 가지는 태그의 align 속성을 가리키는 객체의 속성 className 스타일시트의 Selector로 사용하기 위해 태그에 사용된 class 속성의 값 children ⓔ 특정한 태그에 1차적으로 포함되어 있는 HTMLElement 객체들의 컬렉션 clientHeight 객체에 적용된 여백과 테두리, 스크룰바를 제외한 높이 clientWidth ⓔ 객체에 적용된 여백과 테두리, 스크룰바를 제외한 너비 clientLeft ⓔ HTMLElement 객체의 기준위치로부터의 왼쪽 간격(테두리선 두께) clientTop ⓔ HTMLElement 객체의 기준..
JavaScript Reference 기존의 노하우에서 테이블을 바로 잡았습니다. JavaScript Reference 1.자바스크립트 기본문법 [1] 기본형식 1) 의 형식으로 스크립트를 기술한다 2) 스크립트 블록은 주로 head태그나 body태그내에 기술한다 3) 한문장이 끝날때마다 문장끝에 ;를 붙인다 4) 변수는 대소문자를 구별하며 숫자로 시작해서는 안된다 변수 선언은 var 변수명=초기값; 형식으로 한다 예) var a=3; 5) document.write구문 --> 문서내에 내용을 출력하는 구문 document.write구문내에서 문자는 ""로 감싸고 변수와 문자를 결합시는 + 기호를 사용한다 예) var a=3; var b=2; var c=a*b; document.write("a*b=" + c); => 출력결과 a*b=3 즉 ..
쿠키를 이용해서 사용하는 것으로, cookie_idsave.html 은 cookie.html을 바탕으로 해서 제가 id 저장 기능을 적용해 본것 입니다.^^ 참고하세용~~!! 냐하하.. ====================cookie.html의 내용============================================= 쿠키 설정 쿠키명 : 쿠키값 : 기한 : 쿠키 확인 쿠키명 : 쿠키 삭제 쿠키명 : 전체 쿠키
div를 이용하여 보였다 안보였다 하기-display 이용 쿠키를 이용해서 사용하는 것으로, 로그인 페이지에 자바스크립트로 추가하면 오케 냐하하하 체크박스(saveKey)를 check or uncheck에 따라 쿠키값이 변하게 하였기때문에 체크를 푸는 순간 아이디 입력창값이 null이되게 하였다. 세션을 이용한다거나 고급스킬이 아니기때문에 캐허접-_-; login_enter(event)는 패스워드 입력창에서 엔터키를 치면 로그인이 되도록하는 함수 init()은 window.onlaod=init; 이라고 자바스크립트안에 적어주어야한다. 페이지가 로딩될때 체크해서 아이디입력창에 아이디를 표시한다. ~자바스크립트보기~ >접기
div를 이용하여 보였다 안보였다 하기-display 이용 | JAVASCRIPT 팁 div를 이용하여 보였다 안보였다 하기-display 이용 display와 visibility는 언뜻 보면 동일한 기능을 하는 것처럼 보이지만, display는 속성값이 none 인 경우에는 영역을 차지하지 않고 있지만, visibility는 속성값이 hidden 인 경우에도 눈에는 보이지 않지만, 영역은 차지하고 있다. 따라서 늘어나고 줄어들고에 따라 보이는 부분이 달라져야 하는 화면에서는 visibility는 적합하지 않다. 어쩌구 저쩌구
<!-- window 객체 ......................................................... 아래는 최상위 window객체가 가진 속성과 메서드,이벤트 핸들러의 종류를 훓어보고 몇가지 예제를 해본다. 필요한 작업이 있을 때마다 객체를 찾아보고 속성이 있나, 메서드를 가졌나, 이벤트핸들러가 있는지를 찾아봄으로써 점점 내공이 깊어지는 것이다. ■ window 객체 프로퍼티 status 브라우저의 상태바에 문자열을 출력하는 경우에 사용 defaultStatus 브라우저의 상태바에 초기 문자열을 설정 length 창안의 프레임 수 name 창 이름 self 현재 창 자신, window와 같음 window 현재 창 자신, self와 같음 parent 프레임에서 현재프레임의 상위프레임 ..
HTML에 JavaScript 삽입 대문자 변환 함수 function ToUpper(arg) { var str1 = "abcdefghijklmnopqrstuvwxyz"; var str2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; return alterString(arg,str1,str2); } // 대 --> 소문자 변환 함수 function ToLower(arg){ var str1 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var str2 = "abcdefghijklmnopqrstuvwxyz"; return alterString(arg,str1,str2); } // 반각 문자를 전각문자로 function convert2ByteChar(x_char) { var x_2byteChar = ""; //컨버트된 문자 ..