다음 코드에 문제가 있습니다. 나머지는 괜찮습니다 (html, head, body 등) 내가 원하는 것은, 섹션 중 숨겨진 텍스트/이미지의 버튼 중 하나를 클릭하여 표시하거나 숨기면 코드가 올바르게 처리됩니다. 문제는 버튼을 클릭 할 때 새로 등장한 섹션의 앵커에게 데려다주고 싶습니다. 그렇게 할 수없는 것 같습니다.JS - onclick() 이벤트의 문서 안쪽에 앵커에 연결
다음은 HTML
<h2 class="especial">TITLE</h2>
<p class="normal"><input type=image src="images/img_beta/buttonimage1.png" onclick="show_section1();">Section1</p>
<p class="normal"><input type=image src="images/img_beta/buttonimage2.png" onclick="show_section2();">Section2</p>
<hr>
<div id="Section1" style="display:none">
<a id="Section1_anchor"><h2 class="especial">Sect1TittleHere</h2></a>
<p class="interior">Blablah this is the content of section1</p>
</div>
<div id="Section2" style="display:none">
<a id="Section2_anchor"><h2 class="especial">Sect2TittleHere</h2></a>
<p class="interior">Blablah content of section2</p>
</div>
의 코드입니다 그리고 여기, 내가 각 섹션 하나가 onclick 이벤트를 제어하는 JS 기능,하지만 그들은 모두 동일합니다.
<script language='javascript'>
//Variables
var sect1_guardian=0, sect2_guardian=0, sect3_guardian=0;
function show_sect1(){
if (sect1_guardian == 0) { document.getElementById("Section1").style.display="block";
sect1_guardian=1;
//Close the other sections if opened
document.getElementById("Section2").style.display="none";
document.getElementById("Section3").style.display="none";
//Reset guardians
sect2_guardian=0;
sect3_guardian=0;
}
else {
document.getElementById("Section1").style.display="none";
sect1_guardian=0;
}
}
어디에서 어떻게 앵커에 링크를 추가해야합니까? 단추 태그 및 onclick 이벤트에 추가하려고하면. onclick 이벤트는 이미지에 내가 텍스트를 hiperlinked되고 싶지 않기 때문에 나는이
<p class="normal"><a href="#Section1_anchor"><input type=image src="images/img_beta/buttonimage1.png" onclick="show_section1();"></a>Section1</p>
그런 짓을. 분명히 뭔가를 잃어 버리고 뭔가 잘못된 일을하고있는 것 같아요. 아마 굴욕적인 실수 일 겁니다. 그러나 나는 제안과 수정을 요구합니다.
더 봐 앵커로 HTML ID를 사용했다 나에게주는 뭐죠 고정되어 문제 : ( – AbianG