Append data in div using jquery.

C# Corner

Rohan

5y1.7kAJAX

How to append facebook feed in div using jquery.

9 Replies

Know the answer? Post it — somebody with the same question will find it here.

Pranam Bhat4y ago
Keep the URL generic way. So that it would be not touched in future.

Also, you need to add a timer/refresh to make it up-to-date with notification feed.
+1
asdfgh sdfgh4y ago
reddit.com/r/MannitedAtalantanow/
reddit.com/r/ManutdAtalantalivetv/
reddit.com/r/ManutdvAtalantalive/
reddit.com/r/ManutdAtalantalivest/
reddit.com/r/ManutdAtalantalive/
reddit.com/r/BarcelonaDynamolivest/
reddit.com/r/Atalantamanutdlive/
reddit.com/r/Atalantavmanutdlive/
reddit.com/r/dynamoKyivBarcalive/
reddit.com/r/BarcadynamoKyivlive/
reddit.com/r/BarcavdynamoKyivst/
reddit.com/r/BarcavsDynamoKyivst/
reddit.com/r/Lillevsevillalive/
reddit.com/r/Sevillavlille/
reddit.com/r/Youngboysvillarreal/
reddit.com/r/Villarrealvyoungboys/
reddit.com/r/BenficavBayernlive/
reddit.com/r/Bayernvbenficalivest/
reddit.com/r/Bayernvbenficalive/
reddit.com/r/ZenitvJuventuslive/
reddit.com/r/Juventuszenitlive/
reddit.com/r/Juventusvzenitlive/
+1
Rijwan Ansari4y ago
You can create from this url.
https://developers.facebook.com/docs/plugins/page-plugin/

Include the JavaScript SDK on your page once, ideally right after the opening body tag.
<div id="fb-root">div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0&appId=" nonce="">script>
Place this code wherever you want the plugin to appear on your page.
div class="fb-page" data-href="https://www.facebook.com/....../" data-tabs="timeline" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/"><Name of Page>a>blockquote>div>
+1
Ganesan C5y ago
Hi,

Please check below link.It might help you.
https://stackoverflow.com/questions/20035235/adding-facebook-like-buttons-dynamically-after-loading
https://stackoverflow.com/questions/27888999/loading-facebook-sdk-on-click
+2
Sachin Singh5y ago
any error in the console?
0
Sachin Singh5y ago
not sure, but change the position of script and div, may load the Facebook URL.
else if (NewUrls == "facebook") {
$(".SocialMediaAccount").empty();
//$('#socialMediaAccount-loder').toggle();
$('.SocialMediaAccount').append(' + 'script>');  // first

$('.SocialMediaAccount').append(' + uri + '" data-tabs="timeline" data-width="350" data-height="350" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
'); // second
}

Sachin Singh5y ago

step 1. set a static url or make it null

"anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0" nonce="bzBNyICb">
class="fb-page SocialMediaAccount" data-href="https://www.facebook.com/' + uri +'" data-tabs="timeline" data-width="350" data-height="350" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">

step 2. Dynamically change url

$("#btn").click(function(){
url="your url here";
$(".fb-page").data('href',"https://www.facebook.com/' + uri +'");
});

Ganesan C5y ago

Hi, Please change your script append as below.

$('.SocialMediaAccount').append(' + 'script>');

Ganesan C5y ago

Hi, Please refer the below link.

https://developers.facebook.com/docs/plugins/page-plugin

https://developers.facebook.com/docs/plugins/embedded-posts