Notice
Recent Posts
Recent Comments
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
Tags
- 즐겨찾기 추가
- HTML
- PHP
- Eclipse
- 국민연금
- 소득세
- .NET
- 인테리어그림
- 에덴미술
- JSP
- 갑근세
- 블로그 방문자 늘리기
- 블로그 조회수
- MSSQL
- CSS
- Administrator
- 블로그 수익화
- JavaScript
- Jrun
- 블로그 조회수 늘리기
- Jexcel
- Vista
- Adobe pdf reader
- MySQL
- samba
- flash
- IIS
- CVS
- oralce
- 블루수국그림
Archives
- Today
- Total
I LOVE EJ
qna 탭 예제 본문
qna예제.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<meta http-equiv="Pragma" content="no-cache" />
<script type="text/javascript">
<!--
var old_menu = "";
// 탭질문합, 현제 질문
function menuclick(totalnum, num) {
totalnum = parseInt(totalnum)+1;
var submenu = num;
if(old_menu != submenu) {
//for문을 삭제하면 여러탭을 열수 있다.
for (i=1; i<totalnum ;i++ ) {
document.getElementById('a' + i).style.display = "none";
}
document.getElementById('a' + submenu).style.display = "block";
old_menu = submenu;
} else {
document.getElementById('a' + submenu).style.display = "none";
old_menu = '';
}
}
//-->
</script>
<style type="text/css">
/* 답변은 초기에 안보이게 함 */
dd{display:none;}
</style>
</head>
<body>
<dl class="cnt_scroll">
<dt><a href="#a1" onclick="menuclick('4', '1'); return false;">질문1</a></dt>
<dd id="a1">
답변1
</dd>
<dt><a href="#a2" onclick="menuclick('4', '2'); return false;">질문2</a></dt>
<dd id="a2">
답변2
</dd>
<dt><a href="#a3" onclick="menuclick('4', '3'); return false;">질문3</a></dt>
<dd id="a3">
답변3
</dd>
<dt><a href="#a4" onclick="menuclick('4', '4'); return false;">질문4</a></dt>
<dd id="a4">
답변4
</dd>
</dl>
<script>
// 미리 하나를 열어둠
menuclick(4, 1);
</script>
</body>
</html>
'Web publishing > JavaScript' 카테고리의 다른 글
| 새창. 팝업창에 포커스 주기 (1) | 2010.11.24 |
|---|---|
| 스크랩 (0) | 2010.06.22 |
| 팝업 중앙정렬 (0) | 2010.06.18 |
| 팝업 풀사이즈 (0) | 2010.06.18 |
| Javascript - Mozila FireFox Copy Clipboard ( for Cross Browsing ) (0) | 2010.05.19 |