드럼치는 프로그래머

자바스크립트에서 배열에 새로운 값을 추가하고 싶은 경우가 있다면 어떻게 해야할까요? 원하는 값을 앞 또는 뒤 원하는 위치에 아래 두가지 함수를 사용해 간단히 추가할 수 있습니다. 만약 test라는 이름의 변수가 있다면 변수를 아래와 같이 추가할 수 있습니다. 사용방법은 아래와 같습니다. test.unshift('123'); // 앞에 새로운 배열값 추가 test.push('890'); // 뒤에 새로운 배열값 추가 보시는 것처럼 배열에 새로운 값을 추가할 수 있습니다. 배열을 선언 후 앞 또는 뒤에 추가하는 점만 차이점이고 나머지는 같습니다. 그럼 아래 예제를 봐주세요. 아래는 배열을 추가하는 방법에 대하여 자세한 예제와 함께 알아보겠습니다. ! unshift() 함수를 사용, 새로운 배열값 앞에 추가 ..

프로젝트를 하면서 의 새로운 이용법을 알게 되었다. 어쩌면 다 알고 있는 것일 수도 있지만 난 2년이 넘도록 프로그램쪽에 일을 해왔지만 이번 경우는 처음으로 알게되었다. 기본적으로 a태그의 사용은 이동 이렇게 사용을 한다. 이럴 경우 클릭시 해당 URL로 이동하게된다. 그럼 다음의 경우 이동 이럴 경우도 클릭하면 해당URL로 이동하게 된다. 게시판의 글 삭제 프로세스의 경우 우선 삭제전 보통 "삭제하시겠습니까?" 라는 확인 작업을한다. 이때 a태그와 자바스크립트를 쓰는데 삭제하기 이렇게 사용하게된다. 위의 경우 처럼 하게 될 경우 #은 최상위 루트를 가리켜 페이지가 없거나 아님 index.jsp같은 페이지를 보여주게 된다. 그래서 여러가지로 실험해본 결과 form 태그의 onsubmit() 같은 기능이 ..

from. http://www.zytrax.com/tech/dom/createelement.html Example // create a new paragraph newpara = document.createElement("p"); // now some text sometext = document.createTextNode("what a way to spend a life"); // add the text to the paragraph newpara.appendChild(sometext); // get an existing object and append them existingobject = document.getElementById("one"); existingobject.appendChild(newp..

var newTH = document.createElement('th'); newTH.innerHTML = 'Hello, World!'; newTH.onclick = function () { this.parentElement.removeChild(this); }; var table = document.getElementById('content'); table.appendChild(newTH); Working example: http://jsfiddle.net/23tBM/ You can also just hide with this.style.display = 'none'. [출처] http://stackoverflow.com/questions/11017509/add-onclick-event-to-docum..

See this answer if you are using chrome or Safari. Cursor not changing to pointer in Usemap/area caseI will add that your code is too complicated. You dont have to add style, id, shape and so on as attributes (attr.value = "cursor:pointer"; will probably never work at all). The code below works fine, results in a nice 1,1,100,100 map with cursor as pointer. But again works only in browsers like ..

ajax 호출시 마우스 커서를 'wait'로 변경하여 'busy' 상태를 표현 할 수 있다. css html.busy, html.busy * { cursor: wait !important; } js $(function() { $("html").bind("ajaxStart", function() { $(this).addClass('busy'); }).bind("ajaxStop", function() { $(this).removeClass('busy'); }); }); [출처] http://warmz.tistory.com/entry/jquery-ajax-%ED%98%B8%EC%B6%9C%EC%8B%9C-%EB%A7%88%EC%9A%B0%EC%8A%A4-%EC%BB%A4%EC%84%9C%EB%A5%BC-wai..

자바스크립트로 테이블을 만들면서, 오늘 날짜를 집어넣었다. createElement()와 appendChild()를 이용함. 출력 화면 ‎2016‎년 ‎7‎월 ‎25‎일‎ ‎오전‎ ‎2‎:‎07‎:‎47 실행 결과 ‎2016‎년 ‎7‎월 ‎25‎일‎ ‎오전‎ ‎2‎:‎07‎:‎47 [출처] http://tonks.tistory.com/32

[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 가 설정이 되어 있는 경우..

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 값을 조작해서 움직임을 만들어 냅니다. 보이면 안보이게 안보이면 보이게 처리해 줍니다. 토글이니 당연하겠죠?보이게 처리할 ..