익스플로러와 파이어폭스에서 게시판에 display 사용문제
며칠을 혼자서 만지작 거리다 여기에다 글을 올리네요.
게시판에 글을 클릭하면 바로 밑에 본문내용이 나오게 하고자 합니다.
다른분들의 글을 보니 워닥 어렵게 되어 있는것 같아서 응용하기가 쉽지않네요.
저의 경우
...중략...
echo"
<tr>
<td><a href='javascript:;' onclick=\"qa_menu('qa_view$num')\">글제목</a></td>
</tr>
<tbody id='qa_view$num' style='display:none'>
<tr>
<td>본문내용</td>
</tr>
</tbody>";
...중략...
<script language="JavaScript">
function qa_menu(){
var qa_view = document.getElementsByName("qa_view")[num];
if(qa_view.style.display=="none"){
qa_view.style.display ="";
}else{
qa_view.style.display ="none";
}
}
</script>
라는 식으로 만들어봤는데 IE에서는 정상적으로 작동하나 FF에서는 테이블이 계속해서 늘어나네요.ㅜ.ㅜ
어느 부분을 어떻게 수정해야되는지 알 수 있을련지요?
게시판에 글을 클릭하면 바로 밑에 본문내용이 나오게 하고자 합니다.
다른분들의 글을 보니 워닥 어렵게 되어 있는것 같아서 응용하기가 쉽지않네요.
저의 경우
...중략...
echo"
<tr>
<td><a href='javascript:;' onclick=\"qa_menu('qa_view$num')\">글제목</a></td>
</tr>
<tbody id='qa_view$num' style='display:none'>
<tr>
<td>본문내용</td>
</tr>
</tbody>";
...중략...
<script language="JavaScript">
function qa_menu(){
var qa_view = document.getElementsByName("qa_view")[num];
if(qa_view.style.display=="none"){
qa_view.style.display ="";
}else{
qa_view.style.display ="none";
}
}
</script>
라는 식으로 만들어봤는데 IE에서는 정상적으로 작동하나 FF에서는 테이블이 계속해서 늘어나네요.ㅜ.ㅜ
어느 부분을 어떻게 수정해야되는지 알 수 있을련지요?
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 5개
제 생각대로 짜봤음다.
<html>
<title>asdfa</title>
<head>
<script language="JavaScript">
function qa_menu(objid){
if(document.getElementById("qa_view"+objid).style.display=="none"){
document.getElementById("qa_view"+objid).style.display="";
}else{
document.getElementById("qa_view"+objid).style.display="none";
}
}
</script>
</head>
<body>
<?
echo"
<table cellpadding=0 cellspacing=0 border=0 width=300>
<tr>
<td><a href='javascript:;' onclick=\"qa_menu('1')\">글제목</a></td>
</tr>
<tr id='qa_view1' style='display:none'>
<td>
본문내용
</td>
</tr>
<tr>
<td><a href='javascript:;' onclick=\"qa_menu('2')\">글제목</a></td>
</tr>
<tr id='qa_view2' style='display:none'>
<td>
2번째본문내용
</td>
</tr>
</table>";
?>
그래서 qa_menu('qa_view$num') 로 적용해봤는데, 오류는 없으나 테이블이 늘어나는건 마찬가지네요.
스크립트의 위치가 아랫쪽에 있어서 그런지, 아님 다른 스크립트와 충돌이 생겨서 그런지 해결방법을 찾을 수가 없네요.ㅠ.ㅠ
감사합니다.