=========================================
Noupe에서 '가장 원했던 Ajax 기술들: 50개 이상의 예제와
자습서'라는 글을 올렸습니다. Ajaxian에서도 다루었던 프로젝트들도 많지만, 새로운 것들도 있습니다. 한 자리에 모여있는
Ajax 기술들을 한번 주욱 살펴보시죠(위 링크로 들어가면 이미지도 포함되어 있습니다).
Ajax Forms
ShoutBox
Validate a Username AJAX
Ajax 메신저
Ajax 탭 컨텐트
Ajax 장바구니
Ajax 별점 매기기
Ajax 인라인 에디트
Ajax 프로그레스 바
Ajax 페이징
Ajax 파일 브라우저 & 관리자
Ajax 캘린더
Ajax 사진 관리
Ajax 이미지 갤러리와 슬라이드쇼
Ajax 파일 업로드
Ajax 자동완성
웹에디터
투표
테이블 데이터 관리
기타
<script type="text/javascript">
function select_all() {
var all = document.getElementById("selectAll");
var list = document.getElementsByName("checkList[]");
if(!all.checked) {//전체선택 체크박스가 해제되었다면
for(var i = 0; i <= list .length - 1 ; i++) {//모든 체크박스를 체크해제
list[i].checked = false;
}
} else { //그게 아니라면
for(var i = 0; i <= list .length - 1 ; i++) {
list [i].checked = true;//모든 체크박스를 체크
}
}
}
</script>
.......................................
<tr>
<td>
<input type="checkbox" name="selectAll" onClick="select_all()">
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="checkList[]" value="딸기">
<input type="checkbox" name="checkList[]" value="사과">
<input type="checkbox" name="checkList[]" value="배">
<input type="checkbox" name="checkList[]" value="귤">
<!-- 자바 struts 사용시 ActionForm에서 array로 받으려면 '[]' 이녀석을 꼭 붙여줘야 한다.-->
</td>
<tr>
....................................
원래 코드에서 수정하고 테스트는 안해보았음.
| Article ID | : | 278469 |
| Last Review | : | November 23, 2006 |
| Revision | : | 4.1 |
Back to the top<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
<!--
function reSize()
{
try{
var oBody = ifrm.document.body;
var oFrame = document.all("ifrm");
oFrame.style.height = oBody.scrollHeight +
(oBody.offsetHeight - oBody.clientHeight);
oFrame.style.width = oBody.scrollWidth +
(oBody.offsetWidth - oBody.clientWidth);
}
//An error is raised if the IFrame domain !=
its container's domain
catch(e)
{
window.status = 'Error: ' + e.number + '; ' + e.description;
}
}
//-->
</SCRIPT>
</HEAD>
<BODY onload=reSize()>
<iframe onresize=reSize() id=ifrm src=YOUR_PAGE_HERE></iframe>
</BODY>
</HTML>
|
