JAKARTAPROJECT
JAKARTA TIPJSP TIPJSP 질문&답변DATABASE TIPJAVASCRIPT TIPWEBHACKING TIP기타 TIP
자바스크립트 팁
자바스크립트 팁
자바스크립트 및 CSS 팁 게시판입니다
table을 엑셀 편집 하듯이..
GoodBug
이미지 슬라이더 보기

좋은 소스 하나 발견했음돠~

 

<HTML>
<HEAD>


<SCRIPT>

function editCell (cell) {
  if (document.all) {
    cell.innerHTML =
      '<INPUT ' +
      ' ID="editCell"' +
      ' ONCLICK="event.cancelBubble = true;"' +
      ' ONCHANGE="setCell(this.parentElement, this.value)" ' +
      ' ONBLUR="setCell(this.parentElement, this.value)" ' +
      ' VALUE="' + cell.innerText + '"' +
      ' SIZE="' + cell.innerText.length + '"' +
      '>';
    document.all.editCell.focus();
    document.all.editCell.select();
  }
  else if (document.getElementById) {
    cell.normalize();
    var input = document.createElement('INPUT');
    input.setAttribute('value', cell.firstChild.nodeValue);
    input.setAttribute('size', cell.firstChild.nodeValue.length);
    input.onchange = function (evt) { setCell(this.parentNode, this.value); };
    input.onclick = function (evt) {
      evt.cancelBubble = true;
      if (evt.stopPropagation)
        evt.stopPropagation();
    };
    cell.replaceChild(input, cell.firstChild);
    input.focus();
    input.select();
  }

}


function setCell (cell, value) {
  if (document.all)
    cell.innerText = value;
  else if (document.getElementById)
    cell.replaceChild(document.createTextNode(value), cell.firstChild);
}


</SCRIPT>

</HEAD>

<BODY>


 

<TABLE BORDER="1">
<TR>
<TD ONCLICK="editCell(this);">GoodBug</TD>
<TD ONCLICK="editCell(this);">100</TD>
<TD ONCLICK="editCell(this)">JakartaProject.com</TD>
</TR>
<TR>
<TD ONCLICK="editCell(this);">test</TD>
<TD ONCLICK="editCell(this);">99</TD>
<TD ONCLICK="editCell(this)">yahoo.com</TD>
</TR>
</TABLE>


</BODY>
</HTML>

2010-03-11 10:00:39
211.189.124.***

 

좋은생각 ^^

첨부파일 (총 1개)
  1. edit.html 1.61 KB (203 다운로드)
0점 (1명)
Unicorn V 1.10 Thumbnail TEST 3 GoodBug 2005-08-22
table을 엑셀 편집 하듯이.. 3 GoodBug 2005-09-16
.profile 실행하는 것 2 kaiser 2005-12-29
sql 튜닝 자료 kaiser 2006-04-11
에러 내용 이종원 2005-06-20
[답변] 에러 내용 GoodBug 2005-06-21
덧글 3개 | 태그 0개 | 관련글보기
태그입력
쉽표(,)구분으로 한번에 여러 태그를 입력할수 있습니다
조은하루
(0) (0)
Good에 투표했는데.. Bad에 올라가네요 ^^;
221.147.111.*** 2005-10-29 04:42:00
GoodBug
(0) (0)
주황색 점수가 토탈 점수고요 Bad는 -1로 되고요 Good은 +1 올라갑니다 ^^
211.189.124.*** 2005-11-03 15:15:03
진지™
(0) (0)
편집해서 어따쓰죠? -ㅅ-;;; 바꿔서 저장한다든지 하기도 힘들것네요.. -ㅅ-;
59.13.121.*** 2006-02-27 16:57:55
이름 비밀번호
자바스크립트 팁
자바스크립트 및 CSS 팁 게시판입니다
! 번호 제목 글쓴이 일자 조회
220 img 이미지 부드럽게 줄이기 1 GoodBug 2009-12-18 8,193
219 rss xml 파싱하는 모듈 입니다. 1 고고싱 2009-11-27 7,641
218 트리 입니다 . 1 고고싱 2009-11-27 5,873
217 에러처리 1 kaiser 2009-05-11 6,088
216 웹페이지 복사 방지 해지 하는 법 kaiser 2009-05-03 11,673
215 javascript 한글 짜르기 1 1 kaiser 2008-08-14 7,985
214 rolling 롤링 스크립트 1 2 GoodBug 2008-07-11 10,128
213 alert 메시지를 print 처럼 사용하기 2 고고싱 2008-06-10 8,675
212 onload onload 펑션이 정의되어 있는 상황에서 onload에 추가하기 1 GoodBug 2008-04-11 8,440
211 javascript 자바스크립트 개발가이드 4 1 kaiser 2008-04-09 8,898
210 escape HTML escpae code 1 GoodBug 2008-04-02 6,499
209 optgroup SELECT 목록 그룹별로 묶기 1 1 GoodBug 2008-03-06 8,215
208 동적 테이블 테이블에 동적 TR 삽입 및 삭제 IE, FF 공용 1 GoodBug 2008-01-18 11,745
207 drag Javascript drag and drop 1 1 GoodBug 2008-01-16 8,171
206 sort Sortable HTML table 2 GoodBug 2008-01-16 7,402
205 scrollable table Scrollable HTML table 1 GoodBug 2008-01-16 7,087
204 CSS CSS centered layout 1 1 GoodBug 2008-01-16 6,685
203 utf8 Javascript UTF-8 1 GoodBug 2008-01-16 7,914
202 encode Javascript url decode, encode 2 GoodBug 2008-01-16 8,159
201 암호화 Javascript MD5 2 GoodBug 2008-01-15 7,364
copyright 2005-2024 by Unicorn