Step1: Step 2: Step3: Step4: <div id="fb_div"> <h3>Post to your Facebook wall:</h3> <br /> <textarea id="fb_message" name="fb_message" cols="70" rows="7"></textarea> <br /> <input type="button" value="Post on Wall" onClick="post_on_wall();" /> </div> window.fbAsyncInit = function() { FB.init({ appId : 'xxxxxxxxxxxxxxx', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true , // parse XFBML oauth : true // Enable oauth authentication }); }; function post_on_wall() { FB.login(function(response) { if (response.authResponse) { alert('Logged in!'); // Post message to your wall var opts = { message : document.getElementById('fb_message').value, name : 'Post Title', link : 'www.postlink.com', description : 'post description', picture : 'http://2.gravatar.com/avatar/8a13ef9d2ad87de23c6962b216f8e9f4?s=128&d=mm&r=G' }; FB.api('/me/feed', 'post', opts, function(response) { if (!response || response.error) { alert('Posting error occured'); } else { alert('Success - Post ID: ' + response.id); } }); } else { alert('Not logged in'); } }, { scope : 'publish_stream' }); }
create a div with id=”fb-root” and paste below code after this div <div id="fb-root"></div> (function() { var e = document.createElement('script'); // replacing with an older version until FB fixes the cancel-login bug e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; //e.src = 'scripts/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }());
Post to your Facebook wall using Javascript SDK
Step1: [code language=”html”] <div id="fb_div"> <h3>Post to your Facebook wall:</h3> <br /> <textarea i
Scriptbaker Editorial Team
The Scriptbaker editorial team comprises engineers, AI specialists, and digital strategists based in Dubai and Rawalpindi. We write about software development, artificial intelligence, and digital transformation to help organisations build better products. Learn more about us →
Related posts
JavaScript
Toggle checkboxes with jQuery and Prototype JS
Sometimes you work with forms having a long list of checkboxes, in such scenarios a “Check All” or “Toggle Selection” button comes handy
JavaScript
JQuery Multi fileupload
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumabl
JavaScript
How to Add a jQuery Tooltip to Your Web Page
Here is a nice jQuery tool tip. How to use: 1- Download the file 1.1- Rename the file tipsy-zip.doc to tipsy.zip 1.2- Extract the zip folder or download it from