title: Render FBML in Facebook Dialog Popup
body: <p>I'm working on a facebook page where there is a table of profile images. Onclick for each of these images, I'm using a facebook dialog to show the name, a picture and a description in a popup.</p>
  
  <p>The name is stored in the <code>&lt;img&gt;</code> <code>name</code> attribute.
  The description is stored in the <code>&lt;img&gt;</code> <code>title</code> attribute.
  The img src is stored in the <code>&lt;img&gt;</code> <code>src</code> attribute.</p>
  
  <p>So onclick, all of this data is gathered from the image that was clicked on and should be spit out in a dialog.</p>
  
  <p>The problem is I can't get the dialog to render FBML, it just shows it as plain text.</p>
  
  <p>Here's a portion of the FBJS:</p>
  
  <pre><code>function showDialog(element) {
      var img_src = element.getFirstChild().getSrc();
      var name = element.getFirstChild().getName();
      var desc = element.getFirstChild().getTitle();
      var msg = '&lt;img src="' + img_src + '" width="160" alt="' + name + '"&gt; ' + desc;
      new Dialog().showMessage(name, msg);
  }
  </code></pre>
  
  <p>and the FBML where the function is called:</p>
  
  <pre><code>&lt;a href="#" onclick="showDialog(this);"&gt;&lt;img src="http://mydomain.com/path/to/my/image.jpg" border="0" name="myName" title="My Description" width="160"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>For example, in this case the dialog would display the following plain text, rather than the rendered FBML I am trying to display:</p>
  
  <pre><code>&lt;img src="http://mydomain.com/path/to/my/image.jpg" width="160" alt="myName"&gt; My Description
  </code></pre>
  
  <p>How can I get the dialog to render FBML rather than just plain text?</p>