<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script language="javascript">
function checkIfUserIsLike(uid,page_id) {
var fql = "SELECT page_id FROM page_fan WHERE uid=me() and page_id=" page_id; // fql เป็น query ของ facebook หนะครับ ตัวนี้ตรวจสอบว่า page_id มีอย่ใน profile ของผู้เล่นหรือไม่
var query = FB.Data.query(fql);// ทำการ query fql หนะครับ
query.wait(function(rows) {//หากมี การ return ค่ากลับมาหนะครับ
if(rows && rows[0] && rows[0].page_id) {//หากมีการส่ง page_id ของ fanpage ของเรากลับมาหนะครับ
//ใส javascript ที่ต้องการให้ทำหนะครับหรืออาจสร้างตามนี้ได้
$('#likebox').hide();
} else {
clearInterval(_likeBoxId);//เคลียร์เวลาที่เอาไว้ตรวจสอบ
_likeBoxId = setInterval(function(page_id){//เซ็ตใหม่
checkIfUserIsLike(uid,'110806405666193');//ทำการตรวจสอบใหม่หากไม่มี การ return rows ออกมา
},3000);
//ตรวจสอบ tag html ที่เราสร้างขึ้นมาว่า stylesheet display เป็น block หรือเปล่า หากไม่เป็นให้แสดง tag html ขึ้นมาผู้ใช้กด like
if($('#likebox').css('display')!='block')
{
$('#likebox').show();
}
}
});
};
</script>
</head>
<body style="text-align: center; font-family: tahoma, arial;">
<br>
<div id="fb-root"></div>
<div id="likebox" class="trans_box" style="top:0px;z-index:32;position:absolute;width:100%;display:none;background:transparent url(images/bg_white.png);">
<div id="closebtn" style="z-index:34;width:37px;height:36px;display:block;position:absolute;"></div>
<div id="likeitem" style="z-index:33;position:absolute;width:323px;display:block;background:url(images/liketostart.png) repeat scroll 0% 0% transparent;left:231px;height:250px;">
<div style="position: absolute; float: left; width: 323px; padding-left: 40px; height: 95px; padding-top: 139px;">
<fb:fan profile_id="110806405666193" stream="0" connections="0" logobar="0" width="323" height="85" style="top:-15px;"></fb:fan>
<div style="text-align:left;padding-left:70px;margin-top: -35px !important;">
<img src="images/text.jpg">
</div>
</div>
</div>
</div>
<br /> <br />
</body>
</html>
พัฒนาเว็บไซต์
