내부 제출을 클릭 한 후 iFrame 제거

사람들이 도움을받을 수 있기를 바랍니다. 몇 년 동안 'Stack Over Flow'를 사용해 왔지만 지금은 코딩에 익숙하지 않습니다. 아래는 iFrame입니다. 양식의 제출 버튼을 클릭하면 사라지지만, iFrame은 계속 남아 있고 iFrame에는 '오늘 어떻게 도와 드릴까요?'라는 메시지가 나타납니다. '내부 제출을 클릭 한 후 iFrame 제거

또한 iFrame이 사라지면 텍스트 줄이 나타나야합니다. 도움을

<script type="text/javascript"> 
 
function removeIFrame() { 
 
var frame = document.getElementById("myIframe"); 
 
frame.parentNode.removeChild(frame); 
 
} 
 
</script>

<div style="overflow: hidden;position: relative;height: 970px; width:150%;" onclick="removeIFrame();"> 
 
<iframe id="myIframe" src="https://sheersense.freshdesk.com/support/tickets/new" scrolling="no" width="100%" height="1125px" frameborder="0" style="position: absolute; top:-150px"></iframe> 
 

 
<div id="text_display" style="">Thank you for your ticket, a member of the Sheersense team will be in touch with you shortly.</div> 
 
</div>

많은 감사합니다! 그 대답에서 언급 한 바와 같이 클릭이 iframe이 지역에있는 경우

출처

2017-12-07 Ian.Sheard

내가 iframe을 내부에 제출 버튼을 믿고? 그렇다면 왜 div의'click'에'removeIframe'을 가지고 있습니까? submit 버튼이나 폼은 어디에 있습니까? –

또한 iframe이 가리키는 도메인이 iframe을로드하는 localdomain 외부의 로컬 도메인입니까? –

감사합니다 Muhammad, iFrame은 외부에서 액세스하거나 변경할 수없는 지원 시스템을 사용하고 있습니다. –

당신은이 포스트 https://stackoverflow.com/a/3690896/8438534

에 가능한 답을 찾을 수 있습니다, iframe이 컨텍스트는 최대 거품을하지 않습니다, 클릭 이벤트를 처리 iframe 상위. iframe 영역에서 div가 발생하면 클릭 이벤트를 전혀 등록하지 않습니다.

출처

2017-12-07 10:29:54

노력이

function removeIFrame() { 
     var frame = document.getElementById("myIframe"); 
     frame.remove(); 
    } 

    window.onload = function() { 
      var frame = window.myIframe; 
      var innerDocument = (frame.contentWindow || frame.contentDocument); 
      if (innerDocument.document) innerDocument = innerDocument.document; 
      innerDocument.onclick =function() { 
       removeIFrame(); 
      } 
    }

출처

2017-12-07 11:16:15

내부 제출을 클릭 한 후 iFrame 제거

답변

관련 문제