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
Related posts
JavaScript
nl2br equivalent JavaScript function
Learn how to create an <code>nl2br()</code> equivalent in JavaScript to convert newline characters into HTML line breaks. This guide covers simple JavaScript functions, PHP-to-JavaScript conversion, textarea handling, different newline formats, secure DOM methods, CSS alternatives, and important XSS considerations when working with user-generated content.
JavaScript
Style file upload field
Learn how to transform a standard HTML file upload field into a stylish and user-friendly upload control using jQuery File Style. This guide covers the required jQuery files, implementation steps, customization options, multiple file inputs, and important file upload considerations.
JavaScript
jQuery Alert Dialogs by Bill Beckelman
Learn how jQuery Alert Dialogs by Bill Beckelman can replace basic JavaScript alerts with customizable dialog boxes. This guide covers implementation, form validation, message types, benefits, and key considerations for using jQuery alert dialogs in modern and legacy web applications.