title: Facebook API (graph) to send website photo to wall
body: <p>I need a basic, how-to guide on how to take a picture from MY webpage, click a button and that button action will send a specific image to the user wall, with some text... Can you tell me exactly the steps to do that. </p>
  
  <p>I have read the Facebook developer forum, the FB.ui but everything echo out :  error FB.ui is not defined event </p>
  
  <p>here is my code in html file : </p>
  
  <pre><code>&lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      window.fbAsyncInit = function() {
          FB.init({appId: 'some weird number things like that : ZCWjysg4SYlkg0gZDZD', status: true, cookie: true, xfbml: true});
      };
      (function() {
          var e = document.createElement('script');
          e.type = 'text/javascript';
          e.src = document.location.protocol +
              '//connect.facebook.net/en_US/all.js';
          e.async = true;
          document.getElementById('fb-root').appendChild(e);
      }());
  </code></pre>
  
  <p>and that code in javascript jQuery trigger button: </p>
  
  <pre><code>FB.ui(
    {
      method: 'feed',
      name: 'Facebook Dialogs',
      link: 'http://developers.facebook.com/docs/reference/dialogs/',
      picture: 'http://fbrell.com/f8.jpg',
      caption: 'Reference Documentation',
      description: 'Dialogs provide a simple, consistent interface for applications to interface with users.'
    },
    function(response) {
      if (response &amp;&amp; response.post_id) {
        alert('Post was published.');
      } else {
        alert('Post was not published.');
      }
    }
  );
  </code></pre>
  
  <p>I have absolutely no idea how to do that... and event some code in some site are wrong (errors)</p>
  
  <p>I think here : <a href="http://developers.facebook.com/docs/reference/api/post/" rel="nofollow">http://developers.facebook.com/docs/reference/api/post/</a> it's the best source of information to know how, but i missing the basic step 1. 2. 3. </p>