javascript - Multiple facebook post via jquery -

-

i'm trying post multiple facebook post on page using jquery. far getting success post first facebook post not able post another.

what happening?

facebook post embed url 

<div id="fb-root"> </div><script> (function(d, s, id)  {    var js, fjs = d.getelementsbytagname(s)[0];    if (d.getelementbyid(id)) return;    js = d.createelement(s);   js.id = id;     js.src = "//connect.facebook.net/en_us/sdk.js#xfbml=1&version=v2.3";       fjs.parentnode.insertbefore(js, fjs);  } (document, 'script', 'facebook-jssdk')); </script> <div class="fb-post" data-href="https://www.facebook.com/clashofclans/posts/1104473549576967:0" data-width="500"> <div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/clashofclans/posts/1104473549576967:0"> <p>the update here!!! maintenance start soon! read that&#039;s new: http://supr.cl/updatenotes </p> posted  <a href="https://www.facebook.com/clashofclans">clash of clans</a> on&nbsp; <a href="https://www.facebook.com/clashofclans/post/1104473549576967:0">wednesday, july 1, 2015</a> </blockquote> </div> </div>

when append url directly div, calls iframe , complete facebook post data binds on dom. works next time iframe not loading on dom. in console first time found app error ie invalid app id: must number or numeric string representing application id.. tried correct appid not succeed. below code i've tried far

$("input").blur(function ()  {    $('div').html($(this).val());    //$(this).val() facebook post url shown above  })

will please suggest me correct way of doing ?

use following code. factors when code loaded. answer created using source working asynchronously loaded javascript can wrap getloginstatus call in loop if will. 

    <!doctype html> <html>     <head>         <title></title>         <script src="jquery-1.11.1.min.js"></script>     </head>     <body>         <input type="text" id="message" />         <input type="button" id="send" value="send" />     <script>         $(document).ready(function(){             function facebookready() {                 fb.init({                     appid      : '1521775134725984',                     xfbml      : true,                     status   : true,                     cookie     : true,                     version    : 'v2.1'                 });                 $(document).trigger("facebook:ready");             }              if(window.fb) {                 facebookready();             } else {                 window.fbasyncinit = facebookready;             }         });          $(document).on("facebook:ready", function() {              $("#send").on("click", function() {                 fb.getloginstatus(function(response) {                     if (response.status === 'connected') {                         var body = $("#message").val();                         fb.api('/me/feed', 'post', { message: body }, function(response) {                             if (!response || response.error) {                                 alert('error occured');                             } else {                                 alert('post id: ' + response.id);                             }                         });                     }                     else {                         fb.login(function(){                         }, {scope: 'publish_actions'});                     }                 });             });         });      (function(d, s, id){         var js, fjs = d.getelementsbytagname(s)[0];         if (d.getelementbyid(id)) {return;}         js = d.createelement(s); js.id = id;         js.src = "//connect.facebook.net/en_us/sdk.js";         fjs.parentnode.insertbefore(js, fjs);     }(document, 'script', 'facebook-jssdk')); </script>     </body> </html>

Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5...
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name...
Read more

javascript - How to Hide Date Menu from Datepicker in yii2 -

-
basically in datetimepicker widget date choose first time, how can hide date option widget , filter according time. tried not working want hide remove button [ 'attribute'=>'time', 'label'=>'time', 'format'=>'raw', 'value'=>function($data){ return date('h:i:s',strtotime($data->time)); }, 'filter'=> datetimepicker::widget([ 'model' => $searchmodel, 'attribute' => 'time', 'clientoptions' => [ 'autoclose' => true, 'format' => 'hh:ii', 'showon' =...
Read more