익스플로러와 파이어폭스에서 게시판에 display 사용문제 정보
익스플로러와 파이어폭스에서 게시판에 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에서는 테이블이 계속해서 늘어나네요.ㅜ.ㅜ
어느 부분을 어떻게 수정해야되는지 알 수 있을련지요?
댓글 전체
원소스좀 줘보삼
그냥 위의 소스를 가지고 테스트 해봤습니다. 파이어 폭스에서도 잘 작동하는게 확힌했구요
제 생각대로 짜봤음다.
<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>";
?>
제 생각대로 짜봤음다.
<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>";
?>
for 문이 있어서 qa_menu('1') 이부분을 qa_menu('$num') 으로 적용했는데 IE에서는 오류가 생기구요, FF에서는 작동을 안하네요.
그래서 qa_menu('qa_view$num') 로 적용해봤는데, 오류는 없으나 테이블이 늘어나는건 마찬가지네요.
스크립트의 위치가 아랫쪽에 있어서 그런지, 아님 다른 스크립트와 충돌이 생겨서 그런지 해결방법을 찾을 수가 없네요.ㅠ.ㅠ
그래서 qa_menu('qa_view$num') 로 적용해봤는데, 오류는 없으나 테이블이 늘어나는건 마찬가지네요.
스크립트의 위치가 아랫쪽에 있어서 그런지, 아님 다른 스크립트와 충돌이 생겨서 그런지 해결방법을 찾을 수가 없네요.ㅠ.ㅠ
쪽지 날렸어요..
할 수 없이 스스로 해결해야 되겠네요.
감사합니다.
감사합니다.