드럼치는 프로그래머

[Javascript] Removing all children using DOM * HTML로 프로그래밍하다보면 모든 자식 노드를 삭제해야하는 경우가 생긴다 그럴때 사용하면 되는 간단한 팁이다. var cell = document.getElementById("cell"); while ( cell.hasChildNodes() ) { cell.removeChild( cell.firstChild ); } [출처] http://unikys.tistory.com/249

window.onload 함수는 웹페이지의 로딩이 끝나는 시점에 실행되는 함수다 window.onload = function () { alert("로딩 완료"); } 와 같이 사용하게 되면 페이지 로드가 끝난 후에 "로딩 완료" 라는 얼럿창이 뜨게 된다. 하지만 onload에는 몇가지 단점이 있는데, 이 함수는 페이지 안의 이미지나 외부 파일이 로드 될때까지도 기다린 후에 사용되기 때문에 엔드유저 입장에서 불필요하게 로딩시간이 길어지게 된다. 더욱 심각한것은 동일한 페이지 내에서 onload 함수는 하나만 존재해야 한다는 것인데, 만약 외부 라이브러리에서 onload가 이미 선언 되어 있다면 이를 찾거나 하나로 합치는 것은 여간 어려운일이 아니다.또한 와 같은 attribute 가 설정이 되어 있는 경우..

include 액션 태그 - include 액션 태그는 include 디렉티브() 와 함께 다른 페이지를 현재 페이지에 포함시킬 수 있는 기능을 가지고 있다. - include 디렉티브는 단순하게 소스의 내용이 텍스트로 포함이 되지만 include 액션 태그는 포함시킬 페이지의 처리 결과를 포함시킨다는점이 다르다. - 포함되는 페이지는 HTML, JSP, Servlet 페이지 등 모두 가능하다. - include 디렉티브는 주로 조각 코드를 삽입할 때 사용되고, include 액션 태그는 페이지를 모듈화할 때 사용된다. 즉 템플릿 페이지를 작성할 때 사용된다. - page 의 속성은 현재 페이지에 결과가 포함될 페이지명이 되며, 상대경로를 쓰거나 절대 경로를 사용한다. - page 속성의 값은 표현식을 ..

slideToggle 원문 링크 http://api.jquery.com/slideToggle/ .slideToggle( [duration] [, callback] ) Returns : jQuery 개요 : 슬라이드를 통해 요소를 보이게 안보이게 처리합니다..slideToggle( duration [, callback] )duration 시간 값callback 콜백 함수.slideToggle( [duration] [, easing] [, callback] )duration 시간 값easing 특수한 효과 함수callback 콜백 함수.slideToggle() 함수는 요소의 height 값을 조작해서 움직임을 만들어 냅니다. 보이면 안보이게 안보이면 보이게 처리해 줍니다. 토글이니 당연하겠죠?보이게 처리할 ..

현재 페이지 refresh 하는 3가지 방법~ location.reload(true); location.href = location.href; history.go(-1); [출처] http://neucareer.tistory.com/89

div 영역 숨기기 시에.. style="display:none" 과 visibilit:hidden 의 차이를 알아 볼 것.. 화면에서 그려지는것이 약간 틀린것을 발견함.. 웹 검색 결과 이런 내용이 떠서 펌.. CSS 속성 중 visibility:hidden 과 display:none 의 속성은 태그를 숨길 때 사용한다.태그를 숨기는 속성은 같지만 태그가 위치하는 공간은 틀려진다 display:none 은 여백을 남기지 않고 숨겨지지만, visibility:hidden의 경우에는 여백을 남긴 채 숨겨지게 된다. Normal DIV01 DIV02 < div sty..

휴.. 뭐 하나 할 때마다 이렇게 시간이 걸리누 ㅠㅜ 역시 기초가 중요하다.. 뭐 여기도 바로 사용할 수 있는 코드만 올리겠다. function setValues(){ var sh = document.getElementById("selectHours"); var tt = document.getElementById("textTime"); tt.value = sh.options[sh.selectedIndex].text; } test_1 test_2 뭐 길게 설명할 것도 없을 것 같다. 이해 하기 쉽게 색깔로 분류를 해두었다. [출처] http://imhotk.tistory.com/524

.inArray()로 배열에 특정 값이 있는지 알아낼 수 있습니다.문법jQuery.inArray( value, array [, fromIndex ] )value에는 검색하고자 하는 값을, array에는 배열의 이름을 넣습니다.fromIndex는 옵션으로 몇번째 배열 값부터 검색할지를 정합니다. 입력하지 않았을 때의 기본값은 0으로, 첫번째 배열 값부터 검색합니다. 예를 들어jQuery.inArray( 'as', jbAry )는 jbAry라는 배열에 as라는 값이 있는지 검색합니다.만약 배열에 as가 없다면 -1을 반환합니다. 첫번째 배열 값이 as라면 0을, 두번째 배열 값이 as라면 1을 반환합니다. 예제var jbAry = [ 'a', 'b', 'c', 'd', 'e' ] var jbResult = ..

1. Expression Language(표현 언어 또는 익스프레션 언어)- 값을 표현하는데 사용되는 새로운 스크립트 언어로 JSP의 기본문법을 보완하는 역활을 한다.- JSP 네 가지 기본 객체가 제공하는 영역의 속성 사용- 집합 객체에 대한 접근 방법 제공- 수치 연산, 관계 연산, 논리 연산자 제공- 자바 클래스 메서드 호출 기능 제공- 표현 언어만의 기본 객체 제공 2. EL 기본 문법- ${식}- 식 부분에는 표현 언어가 정의한 문법에 따라 값을 표현하는 식이 온다. (액션태그 또는 커스텀태그의 속성 값, 표현식)- JSP의 스크립트 요소(스크립트릿, 표현식, 선언부)를 제외한 나머지 부분에서 사용될 수 있다. - #{식}- Deferred Expression 이라고 한다.- JSP 2.1 버전..

JQuery에 다른 기능을 검색하다가 아래의 사이트를 발견하여 나중에 도움이 될 듯하여 정리해둔다. 1. jQuery로 선택된 값 읽기 $("#selectBox option:selected").val();$("select[name=name]").val(); 2. jQuery로 선택된 내용 읽기 $("#selectBox option:selected").text(); 3. 선택된 위치 var index = $("#test option").index($("#test option:selected")); 4. Add options to the end of a select $("#selectBox").append("Apples");$("#selectBox").append("After Apples"); 5. Add ..