title: add Skype Button to HTML Panel
body: <p>I'm working on a WebApplication with GWT and want to use the <a href="http://dev.skype.com/skype-uri" rel="nofollow">Skype URI</a> especially the generated Code from this Generator: <a href="http://www.skype.com/en/features/skype-buttons/create-skype-buttons/" rel="nofollow">SkypeButton</a></p>
  
  <p>I use the HTML Panel because it looks like / works like HTML (see below). What I already have:</p>
  
  <p><strong>EntryClass</strong></p>
  
  <pre><code>@Override
  public void onModuleLoad() {
      HTMLPanel htmlPanel = new HTMLPanel("&lt;h1&gt;Headline&lt;/h1&gt;");
      HTMLPanel skype = new HTMLPanel(
         "&lt;script type=\"text/javascript\"
         src=\"http://www.skypeassets.com/i/scom/js/skype-uri.js\"&gt;&lt;/script&gt;"
         + "&lt;script type=\"text/javascript\"&gt;"
         + "Skype.ui({\"name\": \"call\",\"element\": "
         + "\"SkypeButton_Call_My.User_1\",\"participants\": "
         + "[\"My.User\"], \"imageSize\": 32 });"
         + " &lt;/script&gt; ");
      skype.getElement().setId("SkypeButton_Call_My.User_1");
      RootPanel.get().add(htmlPanel);
      RootPanel.get().add(skype);
      }
  </code></pre>
  
  <p>When I run this code there is no success. This is how the HTML Code looks like in the browser after compiling.</p>
  
  <p><strong>Developer Tools (Chrome)</strong></p>
  
  <pre><code>&lt;div id="SkypeButton_Call_My.User_1"&gt;
     &lt;script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"&gt;&lt;/script&gt;
     &lt;script type="text/javascript"&gt;
        Skype.ui({
        "name": "call",
        "element":"SkypeButton_Call_My.User_1",
        "participants": ["My.User"], 
        "imageSize": 32 });
     &lt;/script&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>But when I use the Code above in my index.html file the JS creates this code from the skype-generated-code:</p>
  
  <p><strong>Developer Tools (Chrome)</strong></p>
  
  <pre><code>&lt;a href="javascript://" 
    onclick="Skype.tryAnalyzeSkypeUri('call', '0');
    Skype.trySkypeUri_Generic('skype:My.User?call', '_detectSkypeClient_1393181312260', '0'); 
    return false;
  "&gt;
  &lt;img src="http://www.skypeassets.com/i/scom/images/skype-buttons/callbutton_32px.png" 
    alt="Skype call" 
    role="Button" 
    style="border:0; 
    margin:32px; 
    vertical-align:-41px;"&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>My guess is that my application doesn't execute the generated JS like the webserver does with the index.html.</p>
  
  <p>After my research I found the topic JSNI suiteable, but I don't know how to put the generated code into my project. :(</p>
  
  <p>Can someone help me out with this issue? An example or direction would be great :)</p>