添加Skype的按鈕，HTML面板

Question

我正在使用GWT web應用，想從這個生成器使用Skype URI尤其是生成的代碼：SkypeButton

我使用HTML面板，因爲它看起來像/就像HTML （見下文）。我已經有了：

EntryClass

@Override 
public void onModuleLoad() { 
    HTMLPanel htmlPanel = new HTMLPanel("<h1>Headline</h1>"); 
    HTMLPanel skype = new HTMLPanel(
     "<script type=\"text/javascript\" 
     src=\"http://www.skypeassets.com/i/scom/js/skype-uri.js\"></script>" 
     + "<script type=\"text/javascript\">" 
     + "Skype.ui({\"name\": \"call\",\"element\": " 
     + "\"SkypeButton_Call_My.User_1\",\"participants\": " 
     + "[\"My.User\"], \"imageSize\": 32 });" 
     + " </script> "); 
    skype.getElement().setId("SkypeButton_Call_My.User_1"); 
    RootPanel.get().add(htmlPanel); 
    RootPanel.get().add(skype); 
    } 

當我運行這段代碼沒有成功。這是編譯後HTML代碼在瀏覽器中的樣子。

開發工具（鉻）

<div id="SkypeButton_Call_My.User_1"> 
    <script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script> 
    <script type="text/javascript"> 
     Skype.ui({ 
     "name": "call", 
     "element":"SkypeButton_Call_My.User_1", 
     "participants": ["My.User"], 
     "imageSize": 32 }); 
    </script> 
</div> 

但是，當我在我的index.html文件使用上面的代碼的JS創建從Skype生成碼驗證碼：

開發工具（Chrome）

<a href="javascript://" 
    onclick="Skype.tryAnalyzeSkypeUri('call', '0'); 
    Skype.trySkypeUri_Generic('skype:My.User?call', '_detectSkypeClient_1393181312260', '0'); 
    return false; 
"> 
<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;"> 
</a> 

我的猜測是我的應用程序沒有執行e生成的JS像web服務器一樣處理index.html。

經過我的研究，我發現主題JSNI suiteable，但我不知道如何將生成的代碼放入我的項目。 :(

有人可以幫助我走出這個問題呢？一個例子或方向將是巨大的:)

Answer 1

使用innerHTML（其中HTMLPanel用途）您不能注入腳本。您必須以編程方式構建ScriptElement，或者使用GWT，您可以簡單地使用ScriptInjector（但請不要忘記setWindow(TOP_WINDOW)）。

ScriptInjector.fromUrl("http://www.skypeassets.com/i/scom/js/skype-uri.js") 
    .setWindow(ScriptInjector.TOP_WINDOW) 
    .setCallback(new Callback<Void, Exception>() { 
     @Override 
     public void onSuccess(Void result) { 
     ScriptInjector.fromString("Skype.ui({\"name\": \"call\",\"element\": " 
      + "\"SkypeButton_Call_My.User_1\",\"participants\": " 
      + "[\"My.User\"], \"imageSize\": 32 });") 
      .setWindow(ScriptInjector.TOP_WINDOW) 
      .inject(); 
     } 
     @Override 
     public void onError(Exception e) { 
     GWT.reportUnhandledException(e); 
     } 
    }) 
    .inject(); 

（上IE提防setCallback不過，看到的Javadoc）