Klicken Sie auf iframe, um eine Schaltfläche anzuzeigen

Question

Ich habe eine Kneipe in Iframe, ich habe eine Schaltfläche und ich möchte sicherstellen, dass der Benutzer verpflichtet ist, auf die Anzeige klicken, bevor die Schaltfläche angezeigt wird, aber ich kann nicht finden, wie TU es . Vielen Dank für Ihre Hilfe

<form method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>"> 

<input id="bouton" type="submit" style="color:black;" name="Envoyer" id="Envoyer" value="SEND"><br/> 

<iframe scrolling="no" frameborder="0" height="90" width="728" src="http://www.website.com/ban.php?id=701&f=728x90"></iframe> 

</form> 

Ich habe versucht:

<div id="pub" style="display:none;"> 
<input id="bouton" type="submit" style="color:black;" name="Envoyer" id="Envoyer" value="SEND"> 
</div> 
<button onclick="document.getElementById('pub').style.display = 'block';"><iframe scrolling="no" id="pub" frameborder="0" height="90" width="728" src="http://www.website.com/ban.php?id=701&f=728x90"></iframe> 
</button> 

EDIT:

ich es auch versucht, aber ich habe es nicht geschafft:

var evt = document.createEvent("MouseEvents"); 
evt.initMouseEvent("click", true, true, window,0, 0, 0, 0, 0, false, false, false, false, 0, null); 
document.getElementById("pub").dispatchEvent(evt); 

Answer 1

Es war nicht einfach (für mich), aber ich habe es geschafft, zu tun, was ich tun möchte. Ich lege das Ergebnis zur Verfügung, wenn es jemand in der gleichen Situation interessieren wird, wie ich

HTML

<button type="button" id="show-comments">Show Comments</button> 
<div id="comments"> 
<iframe scrolling="no" frameborder="0" height="90" width="728" src="www.test.com"></iframe><br/> 
<div id="result"><input type="submit" value="SEND"></div> 
</div> 

CSS

#result { 
    padding: 10px; 
    display: none; 
} 
#comments { 
    padding: 10px; 
    display: none; 
} 

JQUERY

$("#show-comments").click(function(){ 
    $("#comments").show(); 
}); 

$(window).click(function(e) { 
    $('#result').hide(); 
}); 

$(window).blur(function(e) { 
    $('#result').show(); 
}); 

https://jsfiddle.net/w0dph6e0/1/