본문 바로가기

전체 글651

지하철 2호선 대림역 막차 시간표 1. 합정.시청방면(내선) 역명 평일 토요일 일.공휴일 성수 00:19 23:19 23:20 을지로입구 00:33 23:34 23:37 홍대입구 00:46 23:45 23:48 신도림 00:57 23:57 23:57 2. 사당.교대방면(외선) 역명평일토요일 일.공휴일 성수00:1223:1423:14 삼성00:3123:3023:31 서울대입구00:4923:4923:49 3. 7호선 막차시각 역명평일토요일 일.공휴일 온수역00:4523:5523:55 내방역00:4023:4523:45 부평구청00:3123:3623:36 * 2014년 3월 11일 기준 자세한 내용은 서울메트로 홈페이지에서 확인하십시요. ==> 바로가기 2014. 3. 11.
[CSS] 레이어의 기본 위치 설정 CSS의 position 속성을 이용하면 레이어의 위치 설정이 가능하다. position 속성의 값은 4가지 중 하나를 설정할 수 있다. static : 기본값으로 HTML문서의 일반적인 내용물의 흐름을 말한다. top, left 지정이 가능하다. absolute : 자신의 상위 레이어 안에서 top, left, right, bottom 등의 절대적인 위치를 지정할 수 있다. relative : HTML 문서 안에서의 일반적인 흐름을 말한다. top, left 지정이 가능하다. fixed : scroll이 일어나도 항상 지정된 위치에 있는다. IE6에서는 적용되지 않는다. 2014. 3. 10.
jQuery 예약어 $ 를 사용하지 못하는 경우 해결책 noConflict() jQuery 를 다른 자바스크립트 라이브러리(prototype.js, ...)와 같이 사용하다 보면 충돌로 인해서 예약어인 $를 사용할 수 없는 경우가 있다. 이 때, jQuery.noConflict() 를 이용해서 해결할 수 있다. $(document).ready(function(){$("div#jQuery).css("font-weight", "bold");}); 1. jQuery.noConflict() 결과를 변수에 담는 방법 var j = jQuery.noConflict(); j(document).ready(function(){j("div#jQuery").css("font-weight", "bold");}); 2. jQuery code를 클로저 로 감싸는 방법 jQuery.noConflict(); .. 2014. 3. 10.
[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.
두 날짜간의 년수, 월수, 일수 차이 구하기 1. 두 날짜 사이의 년 수 계산 select DATEDIFF(year, 시작일자, 종료일자) 2. 두 날짜 사이의 월 수 계산 select DATEDIFF(month, 시작일자, 종료일자) 3. 두 날짜 사이의 일 수 계산 select DATEDIFF(day, 시작일자, 종료일자) 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.

티스토리툴바