물

<펼치기-접기> 가로로 펼치는 방법이 있을까요?

· 2010-01-21 (목) 18:35:43 · 2855 · 7
테이블이 아래와 같은 모양일 때,
  
                       
                       
                       

선택에 의해서 1개 열(A)을 열고 닫기할 수 있을까요?
아래 그림처럼 A열 전체가 열리고 닫히게 만드려는데......
  
                    A        
                    A        
                    A        

참고로 A 안에 들어가는 내용들은 변수랍니다.

아래로 펼치고 접는 방법은 알겠는데, 열을 대상으로 가로로 펼치는 것은
어떻게 만드시는지요?
|

댓글 7개

2010-01-21 (목) 18:42:19
<table>
<tr 열고닫는 id값>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr 열고닫는 id값>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr 열고닫는 id값>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr 열고닫는 id값>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
이런 형식을
<table>
<tr>
<td 열고닫는 id값></td>
<td 열고닫는 id값></td>
<td 열고닫는 id값></td>
<td 열고닫는 id값></td>
<td 열고닫는 id값></td>
</tr>
</table>
요런식으로 코딩을 다르게 하면 되지 않을까요??
안해봤는데 그냥 그러면 될거 같아서;;
2010-01-21 (목) 18:48:45
아... 쓰고보니깐 굉장히 지저분 하군요;;;
변수라면 배열로 하시면 될건되요.

고맙습니다.
2010-01-21 (목) 22:21:56
아후... 어렵네요....
스타일 클래스를 지정하고,
특정 이벤트 발생 시 해당 클래스에 display: none; 이 들어가게 하면 됩니다.
2010-01-22 (금) 00:21:08
<col id="some"
으로 해서
document.getElementById("some").style.visibility="hidden";
로 해 보세요.
2010-01-22 (금) 10:37:48
으흑... 밤새 댓글로 조언들 해주셔서 감사드려요.
적용해 보겠습니다.^^
댓글을 작성하시려면 로그인이 필요합니다.

자유게시판

203,106건
+
제목 글쓴이 날짜 조회
10-01-21 조회 1,520
10-01-21 조회 1,933
10-01-21 조회 7,358
10-01-21 조회 1,795
10-01-21 조회 2,856
10-01-21 조회 1,945
10-01-21 조회 1,515
10-01-21 조회 1,415
10-01-21 조회 1,437
10-01-21 조회 3,715
10-01-21 조회 1,930
10-01-21 조회 1,889
10-01-21 조회 1,492
10-01-21 조회 1,583
10-01-21 조회 1,274
10-01-21 조회 1,800
10-01-21 조회 1,444
10-01-21 조회 2,106
10-01-21 조회 1,747
10-01-21 조회 1,389