我在 iframe 中有一个酒吧,我有一个按钮,我想确保用户有义务在按钮出现之前点击广告,但我不知道如何操作。谢谢您的帮助
<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>
我尝试过:
<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>
编辑:
我也尝试过,但没有成功:
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);
最佳答案
(对我来说)这并不容易,但我设法做了我想做的事。 如果与我处于相同情况的人感兴趣,我会将结果提供给您使用
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();
});
关于javascript - 单击 iframe 会出现一个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42720398/