Skip to content

Instantly share code, notes, and snippets.

@daovietanh190499

daovietanh190499/newfeeds.html

Created August 7, 2019 17:02
Show Gist options
  • Save daovietanh190499/3135158dba7dc92867fcf1637aaf8fab to your computer and use it in GitHub Desktop.
Save daovietanh190499/3135158dba7dc92867fcf1637aaf8fab to your computer and use it in GitHub Desktop.
Download ZIP
Raw
newfeeds.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<meta charset="UTF-8">
<title>♥️ Facebook ♥️</title>
<style type="text/css">
/* width */
::-webkit-scrollbar {
display: none;
}
/* Track */
::-webkit-scrollbar-track {
display: none;
}
/* Handle */
::-webkit-scrollbar-thumb {
display: none;
}
.text {
/* overflow: hidden; */
/* text-overflow: ellipsis; */
white-space: pre-line;
overflow-y: scroll;
max-height: 174px;
}
body{
width: 96%;
}
.card-img-top {
max-height: 50%;
}
.card-deck{
display: grid;
grid-template-columns: repeat(4, 1fr);
}
</style>
</head>
<body style="margin: 0 auto">
<div class="form-group">
<label for="exampleFormControlSelect1">Group (s)</label>
<select class="form-control" id="idfb" onchange="read()">
<option value="620134828055143">KIEN THUC KINH TE</option>
<option value="635710826613992">Người Bản Lĩnh</option>
<option value="446015895410404">TS. Lê Thẩm Dương</option>
<option value="484451281604769">NEU Confessions</option>
<option value="600769603309764">Những điều trường học không dạy bạn</option>
<option value="2392192994386778">Success</option>
<option value="364997627165697">J2 team comunity</option>
</select>
</div>
</select>
<div class="main">
</div>
<div class="card-deck" style="display: grid;grid-template-columns: repeat(4, 1fr); background: aqua">
</div>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script>
var token="EAABwzLixnjYBABW3yOI5A0EKr9hgDVtPMcWFHVjB9JIuWcwEPAqwJmqbEK5s0W6X9qQPxaYFoqW1xyrbVZBZBr9RpA7rxPna1ZBha963KStNZBlZCH3RCW5lMhHvJ3ttvlPbunRj1l2sXwD05109VZBsQ2U9rBrI0pSDarEqp7zQZDZD";
function read(){
var id_page = document.getElementById("idfb").value;
$(".card-deck").empty().html();
$.ajax({
url:"https://graph.facebook.com/"+id_page+"/feed",
type:"GET",
data :{
limit:"25",
access_token:token
},
dataType:"JSON",
success:(data)=>{
for(var i=0;i<data.data.length;i++){
$(".card-deck").append(`
<div class="card" style="max-height: 400px; margin-top: 10px;">
${ data.data[i].picture ? `<img class="card-img-top" src="${data.data[i].picture}" alt="Card image cap">` : ''}
<div class="card-body">
<p class="text" style="">${data.data[i].message}</p>
<p class="card-text">
<small class="text-muted">
<a href="https://facebook.com/${data.data[i].id}" target="_blank">Xem thêm....</a>
</small>
</p>
</div>
</div>`)
}
}
})
}
//read("");
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment