PHP和AJAX onclick问题

Question

我需要一些帮助才能使它正常工作。 它有效，但我必须单击“喜欢”按钮的侧面。 我希望它在单击iframe时注册该点击。 我也尝试在iframe中设置onclick，但这也不起作用。

这是我在页面顶部的脚本：

<script type="text/javascript">
function updateLikes(id) {
var ajax;

// Code for IE7+, Firefox, Chrome, Opera, Safari
if (window.XMLHttpRequest) {
    ajax=new XMLHttpRequest();
} else { // code for IE6, IE5
    ajax=new ActiveXObject("Microsoft.XMLHTTP");
}

ajax.onreadystatechange=function()
{
if (ajax.readyState==4 && ajax.status==200)
{
document.getElementById("images0").innerHTML=ajax.responseText;
}
}

ajax.open("POST","update_likes.php", false);
ajax.send("image_id=" + id);

}
</script>

然后有什么即时通讯呼应：

        echo '
        <div align="center" class="images" id="images'.$i.'">
        <a class="image" border="0" href="p.php?id='.$row['id'].'">
        <img class="img" src="'.$row['path'].'" alt="image" />
        </a>
        <div class="meta" style="padding-bottom:5px;">Lastet opp av <div style="color:#47a09f; display:inline;"><a href="user.php?user='.$row['uploader'].'" style="color:#47a09f;">'.$row['uploader'].'</a></div></div>
        <div id="likebutton" class="faceLike" align="center" onClick="updateLikes(' . "'" . $row['id'] . "'" . ');"><iframe src="//www.facebook.com/plugins/like.php?app_id=144501772249167&amp;href=http://www.puffys.net/p.php?id='.$row['id'].'&amp;send=true&amp;layout=button_count&amp;width=0&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=tahoma&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe></div>

        </div>
        ';

我的问题是Facebook按钮。 当我单击它时，我希望它向onclick注册点击，以便将其插入到我的数据库中。 但这不会发生。 仅当我单击“喜欢”按钮的侧面时。

提前谢谢。

Answer 1

您将无法捕获DIV的click事件，因为IFRAME中的文档ONCLICK事件位于该事件之前。

另外，您将无法捕获IFRAME的click事件，因为它会被目标页面覆盖。

您需要使用Facebook API，如下所述： Facebook“赞”按钮回调