HTML 용 Onclick을 프로그래밍하는 방법

하나의 프로그램에서 여러 기능을 함께 클릭하면 어떻게됩니까? 이 질문을 제기하는 데 사용 된 코드가 곧 제공 될 것입니다.HTML 용 Onclick을 프로그래밍하는 방법

명확한 설명을 위해 제 목표는 제공된 링크 중 하나를 클릭하는 것이며, 특정 요소의 자리로 이동하겠습니다. 호스트 요소를 사라지게하고 iframe을 열어보기를 원합니다. 이 일이 발생하는 동안 나는 행 (1) (2) (3 개)의 다른 모든 링크를 링크가 다시 클릭 될 때까지 멀리 이동하거나 사라지도록하는 방법을 원합니다. 이 일종의 Jquery가 필요하다는 것을 이해합니다. 누군가 Jquery를 가지고 있다면, 저에게 제공하십시오. 나는 내 자신을 개발하거나 찾지 못했습니다. 나는 기꺼이 도와 줄 사람에게 많은 감사를 표한다!

<div id="external_links"> 
<ul id="Rowone"> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
    <li><a href="http://www.chiefdelphi.com/forums/portal.php" title="ChiefDelphi - Forums"><h3>Chief Delphi</h3></a> 
    </li> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
</ul> 
<ul id="Rowtwo"> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
</ul> 
<ul id="Rowthree"> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
    <li><a href="http://www.andymark.com/" title="AndyMarks - Distributor"><h3>Andy Mark</h3></a> 
    </li> 
</ul> 
<iframe src="http://www.dptv.org/programs/robotics/index.shtml?cmpgn=shorturl" width="200" height="200"></iframe> 
    </div> 

    </div> 

</div> 
<!--#external_links-->

출처

2013-07-07 Mohammad Al-Ahdal

여기에 나와 있습니다. http://www.quirksmode.org/js/introevents.html. –

[jQuery] (http://jquery.com/) 사용법을 배우십시오. 필요한 도구를 제공해야합니다. 이동/페이드 요소와 같은 일을하는 것은 실제로 매우 복잡하지만 jQuery와 같은 JavaScript 라이브러리는 무거운 짐을 덜어줍니다. 저는 [Codecademy에 jQuery 과정이 있음] (http://www.codecademy.com/tracks/jquery)을 비롯하여 다른 사람들이 다른 /보다 나은 학습 자원을 추천 할 수 있음을 알고 있습니다. – DaoWen

FelixKling 흠 나는 그것을 확인해 보겠다.^_^ DaoWen OHH 내 친구는 내가 내 웹 사이트를 시작하기 전에 이것을 추천했다 : O 나는 그 후로 그것을 찾고 있었다! 감사! –

는에 HTML을 변경

<a href="http://www.andymark.com/" title="AndyMarks - Distributor" OnClick="myfunction()">

그리고 당신의 js 파일 또는 스크립트 태그 영역에있는 함수를 호출 추가합니다.

function myfunction(){ 
    ifrm = document.getElementsByTagName("IFRAME"); 
    ifrm.setAttribute("src", "http://stackoverflow.com/"); 
}

자바 스크립트에서 페이드 효과를 원한다면 너무 쉽지는 않습니다. 그것을 위해 jQuery를 사용하십시오.

출처

2013-07-07 20:34:22

글쎄 그게 나를 도왔다 ... 조금 :) 그것은 충분히 내가 다른 주석가들로부터 도움을 얻을 것 같아, 너무 고마워! –

_jQuery_를 올바르게 사용한다면 앵커 (''태그)에 onclick 속성을 추가 할 필요가 없으며 별도의 함수'myFunction'을 작성할 필요도없고'document .getElementsByTagName' 그냥 [jQuery 선택기] (http://api.jquery.com/category/selectors/) 사용할 수 있기 때문에. 진심으로, [jQuery 튜토리얼 (Codecademy)] (http://www.codecademy.com/tracks/jquery)을 살펴보십시오. 어쩌면 몇 시간이 걸릴 것이지만, 그렇게 유용 할 것입니다! – DaoWen

@MomoCoolBreezyKitty - 내 코멘트에서 나를 태그하는 것을 잊어 버렸기 때문에 알림을받지 못했을 것입니다. 위에서 말한 내용을 읽어보십시오. jQuery가 여러분의 삶을 편하게 해줄 것이라고 생각합니다. – DaoWen

HTML 용 Onclick을 프로그래밍하는 방법

답변

관련 문제