본문 바로가기

프로그램312

[CSS] 레이어 속성 레이어는 HTML상에서 기존의 요소와는 독립적으로 원하는 위치에 글이나 그림을 위치 시킬 수 있도록 해준다. 태그의 position 속성값을 absolute 로 설정을 하면 해당 태그를 레이어로서 사용이 가능하다. 속성 설명 left 브라우저 좌측경계로부터의 거리 top 브라우저 상단경계로부터의 거리 width 레이어의 폭 height 레이어의 높이 background-color 레이어의 배경색을 설정한다. 색이름이나 RGB색상코드가 가능하다. background-image 레이어의 배경이미지를 설정한다. #이름{position:absolute; background-image:url(back.gif);} visibility 레이어를 보여줄 것인지 또는 감출 것인지를 설정한다. hidden : 레이어를 감.. 2014. 3. 9.
[CSS] 레이어 정렬속성 HTML 문서상의 레이어는 float, clear 속성을 통해서 정렬할 수 있다. float : 레이어를 현재의 위치에서 좌측 또는 우측에 배치한다. 선택자 { float: 위치} none : 기본값 left : 현재 엘리먼트를 좌측에 배치하고 다음에 오는 요소를 우측에 배치 right : 현재 엘리먼트를 우측에 배치하고 다음에 오는 요소를 좌측에 배치 clear : float 속성이 사용된 엘리먼트의 정렬값을 다음 요소에 영향을 주지 않도록 한다. 선택자 { clear: 해제방향 } none : 기본값 left : float속성값이 left로 적용된 경우에 이를 해제 right : float속성갑싱 right로 적용된 경우에 이를 해제 both : float속성값 모두 해제 2014. 3. 8.
Table에 동적으로 TR, TD 추가하기 Example var id_table = document.getElementById(“테이블ID”); var id_tbody = id_table.childNodes[0]; var id_row, id_cell; // TR객체를 생성해서 TBODY에 자식 요소로서 등록한다. id_row = document.createElement(“TR”); id_row.height = 23; id_tbody.appendChild(id_row); // TD객체를 생성해서 TR에 자식 요소로서 등록한다. id_cell = document.createElement(“TD”); id_cell.width = 50; id_row.appendChild(id_cell); * element.childNodes : 주어진 요소(elemen.. 2014. 3. 7.
POST 방식으로 인수를 전달하고 그 결과를 받아오기 Syntax $.post(url, [, data][, fn]) url : 호출될 서버페이지 data : 호출될 서버페이지에 전달하고자 하는 데이터 fn : 처리가 끝났을때, 호출될 함수 Example $.ajaxSetup({dataType:”text”}); $.post(“./index.news.ajax.html”, { “param1″:”값1″, “param2″:”값2″ }, function(data, textStatus){ $(“#news”).innerHTML = “”; $(“#news”).append(data); }); 서버의 index.news.ajax.html 에 인수 param1 과 param2를 전달한다. “./index.news.ajax.html?param1=값1&param2=값2″ 와 동일하.. 2014. 3. 6.
trim(), ltrim(), rtrim() Example String.prototype.trim = function(){ return this.replace(/(^\s*)|(\s*$)/g, “”);} String.prototype.ltrim = function(){ return this.replace(/(^\s*)/g, “”);} String.prototype.rtrim = function(){ return this.replace(/(\s*$)/g);} var str = “ 123 ABC ”; str.trim() // “123 ABC” str.ltrim() // “123 ABC ” str.rtrim() // “ 123 ABC” 2014. 3. 5.
function(){}(); Example var module = function(){ var fg; function msg(){ alert(“OK”); } return{ init: function(fg1){ fg = fg1; }, run: function(){ msg(); } } }(); … module.init(fg); module.run(); function moduleObj(){ } var module = new moduleObj(); module.init(fg); module.run(); 2014. 3. 4.
Object 객체 Object 객체는 최상위 전역 객체이다. 자바스크립트의 모든 객체는 Object로부터 상속받아 확장된 것이다. Object 객체의 주요 속성 및 메소드는 다음과 같다. constructor : 생성자 prototype : 추가적인 메소드와 속성을 명치할 수 있다. hasOwnProperty(s) : 해당 프로퍼티가 존재 하면 true 를 그렇지 않으면 false 를 반환한다. toString() : 객체의 상태를 문자열 형식으로 반환 한다. isPrototypeOf(o) : 다른 객체로 부터 확장되었으면 true 를 그렇지 않으면 false 를 반환한다. 2014. 3. 3.

티스토리툴바