클릭하면 JavaScript가 전환됩니다.

-1

링크가 클릭되면 div에 다른 div로 바꾸는 내 사이트에 JS 코드가 작동합니다. 그러나 나는 현재 그것은 iframe의 상단에 링크가있는 명확한 gif를 오버레이하여 작동하게하고 완벽하게 작동합니다.클릭하면 JavaScript가 전환됩니다.

이제 다운로드를 만들기 위해 사이트에서 누른 버튼에 적용하고 싶습니다. 버튼이 효과가없는 마우스 오버 효과가 있으므로 같은 보이지 않는 GIF 트릭을 사용할 수 없습니다. 버튼을 클릭 할 때 다른 방식으로 발생 시키길 원합니다. 현재와 같은 헤더에로드되어 작동 기능 ... 순간이 완벽하게 작동하고 다음과 같이 보이는 이미지 트리거 링크에서

function yourFunction(){ 
    document.getElementById('yourfirDiv').style.display='block'; 
    document.getElementById('yoursecDiv').style.display='none'; 
}

...

<a href="javascript:void(0)" onclick="var fileref=document.createElement('script');fileref.setAttribute('type','text/javascript'); fileref.setAttribute('src', 'http://url.com/locker.js?guid=0512eafd69b18d22');document.body.appendChild(fileref); setTimeout(yourFunction, 3000);"> 
    <img src="http://url.com/blank.gif" style="position: absolute; z-index: 500; width: 100%; max-width: 100%; height: 280px; "> 
</a>

가 지금은 적용해야 이

<div id="yoursecDiv" style="display:block;"> 
    <div id="downloadmp3"> 
     <div class="download_button_div"> 
      <form action="/download_file.php" method="post" name="downloadform"> 
       <input name="file_name" value="<?php echo $fname; ?>" type="hidden"> 
       <input name="bucket" value="<?php echo $bucket; ?>" type="hidden"> 
       <button type='submit' class='download_button' title="Click to Download Mixtape!">Download</button> 
      </form> 
     </div> 
    </div> 
</div>

누군가가 나에게 DIV 이름이 (SECURITY) 기능을 비활성화를 트리거 클릭하면 트리거해야 다음과 몇 가지 간단한 JS를했다 ...이 버튼 같은 일을 할 수 명명 된 div 스왑 이온, 그러나 그것은

$("#clickablediv").bind("click",function(){ 
    yourFunction(); 
});

이 약간 더 복잡한 일을하려면 ... 코드 조각이 작동하지 않습니다, 페이지가 아약스와 함께 시작 부동 페이지이므로, 위의 같은 코드가있다 포트폴리오를 시작할 때로드해야하는 경우 페이지를로드하는 부분의 JS 파일로 이동합니다. 위의 링크의 경우 기능 코드가 전역 사이트 헤더에 잘로드되고 인라인 JS가 잘 작동합니다. 어쨌든 내 버튼 div에 해당 링크를 적용하는 방법이 있습니다. 간단한 입력이 매우 환영합니다!

출처

2013-03-11 Danny Shepherd

질문이 너무 복잡합니다. iframe에 관한 모든 비즈니스는 관련이 없습니다. 귀하의 질문과 귀하의 코드를 당면한 특정 문제와 비교해보십시오. – isherwood

페이지에 jquery 라이브러리를 포함 시켰습니까? –

@JonP 예 jquery가 있습니다. –

나는 isherwood가 당신이 지나치게 복잡해진다는 점에서 정확하다고 생각합니다.

그러나이 시도 :

$(document).ready(function() { 
    $(document).on("click","#clickablediv",function(){ 
     $('#yourfirDiv').show(); 
     $('#yoursecDiv').hide(); 
    }); 
});

#yourfirDiv과 함께 스타일이나 클래스 CSS 중 하나가 있습니다 가정 "디스플레이 : 없음".

그런 다음 해당 성가신 onclick 속성을 div에서 제거 할 수 있습니다.

출처

2013-03-11 02:31:58

흠, 나는 아약스로드 자바 스크립트, 헤더, PHP 포트폴리오 페이지에 대해 생각할 수있는 모든 장소에 코드를 넣으려고했다. - 아무 것도하지 않고, 어디서나 ... :/- 원본과 동일하다. 그러나 코드가 작동하지 않습니다. 나는 플러그인을위한 코드 스 니펫에서 가져온 것으로서 나는 더 복잡한 함수 등을 사용했다. 나는 그것을 올바르게 사용했다. 하지만 div가 아무데도 가지 않는 순간에 ... –

콘텐츠 보관함이 이미 다른 div에서 클릭에 트리거 되었기 때문에 작동하지 않을 수도 있습니다 ... 그래서 클릭 기능에서 두 div를 동시에 실행하려고합니다. - 원본 iframe 예제에서 콘텐츠 보관함을 시작한 다음 3 초 후에 div를 교환합니다 ... –

btw - Firebug는 콘솔의 오류도보고하지 않습니다. –

클릭하면 JavaScript가 전환됩니다.

답변

관련 문제