은 img

에서 ckicking에 의해 숨겨진 두 개의 테이블을 동시에 보여 주면서 하나의 이미지를 클릭하고 두 개의 테이블을 보여주는 방법이 있습니까?은 img

<script type="text/javascript"> 
    function setTable(what){ 
    if(document.getElementById(what).style.display=="none"){ 
    document.getElementById(what).style.display="block"; 
    } 
    else if(document.getElementById(what).style.display=="block"){ 
    document.getElementById(what).style.display="none"; 
    } 
    } 
    </script> 

    <img src="../../images/p1.gif" onclick="setTable('table5');"> 
    <table id='table5' border="0" cellpadding="3" width="100%" style="display:none;"> 
    <tr> 
    ...... 
    </tr> 
    </table> 
    <table id='table6' border="0" cellpadding="3" width="100%" style="display:none;"> 
    <tr> 
    ...... 
    </tr> 
    </table>

출처

2011-07-06 Nickool

ID는 고유해야 함을 기억해야합니다. JS는 처리 할 ID를 스크립트에서 알지 못하기 때문에 중복 ID로 실패하는 경우가 많습니다. 이러한 이유로 클래스 방법이 가장 적합합니다. 불행히도 작품을 아는 예제 코드 (현재 2:25)가 있으므로 다른 프로그래머가 오늘 당신을 도울 필요가 있습니다. 미래를위한 조언, 당신의 문장을 무너 뜨리지 말고 너무 길지 않으므로 우리가 어떻게 당신을 도울 수 있는지 이해하는 것이 더 쉬울 것입니다. 좋은 사람과 행운을 가져라 .-) – Ryan

나를 뽑은 사람이 먼저 말해 준다면 내가 기꺼이 받아들이겠다. 그리고 내가 왜 당신의 이유를 받아들이지 않는다면, 나를 투표하면 투표가 내려진다는 것은 매우 나쁜 원인이다. 다른 질문을 할 또 다른 기회 – Nickool

@ Ryan 감사합니다. 내가 편집했습니다. – Nickool

동일한 웹 페이지에서 동일한 ID를 가진 여러 개체를 가질 수 없습니다. 두 번째 테이블에 다른 ID를 부여한 다음 두 ID를 따로 표시하십시오.

변경이에 코드 : 클릭 처리기에서

<script type="text/javascript"> 
    function setTable(what){ 
    if(document.getElementById(what).style.display=="none"){ 
    document.getElementById(what).style.display="block"; 
    } 
    else if(document.getElementById(what).style.display=="block"){ 
    document.getElementById(what).style.display="none"; 
    } 
    } 
</script> 

    <img src="../../images/p1.gif" onclick="setTable('table5'); setTable('table6');"> 
    <table id='table5' border="0" cellpadding="3" width="100%" style="display:none;"> 
    <tr> 
    ...... 
    </tr> 
    </table> 
    <table id='table6' border="0" cellpadding="3" width="100%" style="display:none;"> 
    <tr> 
    ...... 
    </tr> 
    </table>

, 당신은 두 번 설정 가능 전화 - 한 번 각 ID에 대해. 두 번째 테이블에서 ID를 변경하면

두 테이블을 div에 넣고 해당 div를 숨기거나 표시 할 수 있습니다.

출처

2011-07-06 05:24:24 jfriend00

다른 이미지를 삽입 할 수없는 이미지가 하나 있습니다. – Nickool

내 답을 추가하는 방법을 보여주었습니다. – jfriend00

대단히 감사합니다. – Nickool

답변

관련 문제