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); }());
JavaScript
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
· 5 min read
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
JQuery tooltip
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