안녕하세요 선호입니다 -_- 제가누군지 모르신다고 혹시..

답변을 안해주시는건 아니겠죠..

제가 게시판을 만들어 보려고 합니다.

새로운 형태의 게시판을 만들어 보려고 합니다..

보통의 게시판들은 제목을 누르면

하이퍼링크로 연결된 페이지로 들어가

거기에 맞는 화면을 제공합니다...

제가 하고싶은것은 DIV 태그나 SPAN 태그를

이용하여 제목을누르면 그 중간에 글을

다 보여줄 수 있게 하고싶습니다...

예를들면

|----|---------------------------|------|
|No.1|제목                       |작성자|
|----|---------------------------|------|
| 3  |안녕하세요                 |김득구|
|----|---------------------------|------|
| 2  |가나다라마                 |선호군|
|----|---------------------------|------|
| 1  |안녕하십니까               |히히히|
|----|---------------------------|------|

이렇게 생긴 게시판이있다고 생각 합시다..

여기서 만약 2번의 가나다라마 글을 누르면

대부분의 게시판에서는 새화면이 나오는게

당연하다고 생각하실 수도 있습니다.

저는 2번글을 누르면

|----|---------------------------|------|
|No.1|제목                       |작성자|
|----|---------------------------|------|
| 3  |안녕하세요                 |김득구|
|----|---------------------------|------|
| 2  |가나다라마                 |선호군|
|                                       |
| 내용                                  |
|  바사아자                             |
|  abcdefg                              |
|                                       |
| 작성시간 : 2009/06/04                 |
|----|---------------------------|------|
| 1  |안녕하십니까               |히히히|
|----|---------------------------|------|

이런식으로 비슷하게 만들어보고 싶습니다..

그런데... 제가 계속 연습을 해보고 있는데

        <script language="javascript">
        <!--
        function toggle(e) {
        if (e.style.visibility=="hidden") {
                e.style.visibility="visible";
                } else {
                 e.style.visibility="hidden";
                 }
        }
        //-->
        </script>
        
이런 스크립트에

        <table border=1>
                <tr>
                        <td>
                        <div style="text-decoration: underline; cursor: hand" onClick="toggle(abcd);">
                        hahaha
                        </div>
                        </td>
                </tr>
                <tr>
                        <td>a
                <span id=abcd style="visibility: hidden;position:absolute">zzzzzzzzz<br>zzz<br></span>
                        </td>
                </tr>
        </table>
        
이러한 태그를 넣고서 실행시켜보면

2번째 zzzzzzzzzz 이러한 글씨가

있나마나한 크기가 됩니다..

span을 div로 해도 마찬가지고요...

<span id=abcd style="visibility: hidden;position:absolute">zzzzzzzzz<br>zzz<br></span>

이런 태그를

<p id=abcd style="visibility: hidden;position:absolute">zzzzzzzzz<br>zzz<br>

이렇게 <p> 태그로 바꾸어서해도

마찬가지더군요.. 흠... 이것만 해결하면

멋지게 만들수 있습니다..

가르쳐주시는 분은 만들자마자

이메일로 소스를 보내드릴께요^^;;;

읽어주셔서 감사합니다