2013-05-27 103 views
0

我正在嘗試使用JavaScript創建一個Metro應用程序,我無法找到創建彈出窗口的方法。Metro應用程序 - 彈出窗口JavaScript

的什麼,我試圖做一個例子如下所示:

enter image description here

有沒有辦法使用JavaScript(jQuery的不)做呢?

我試圖用alert但是當我在Visual Studio中打運行我得到的錯誤如下:

0x800a1391 - JavaScript runtime error: 'alert' is undefined 

JSFIDDLE CODE

HTML:

<body> 
    <header> 
     <button id="about">About</button> 
    </header> 
</body> 

JAVASCRIPT :

function button(){ 
    var about = document.getElementById("about"); 
    about.addEventListener("click", buttonAboutHandler, false); 
} 

function buttonAboutHandler(eventinfo) { 
    alert("About"); 
} 
+1

http://stackoverflow.com/questions/13652413/what-is-the-alternative-to-alert-in-metro-apps –

回答

2

可以使用messageDialogbox類

var messageDialog = new Windows.UI.Popups.MessageDialog(string); 

然後通過使用

.showAsync() 

方法。 在您的活動handeler中使用此代碼並且每當事件觸發彈出窗口時都會顯示。

var messageDialog = new Windows.UI.Popups.MessageDialog("About", "your text"); 
messageDialog.showAsync(); 

參考:MessageDialog Class

2

一。您需要在解決問題的窗口onload上註冊您的活動,以附加點擊事件。

http://jsfiddle.net/Qz5dA/1/

我們創建沒有jQuery的對話與純JavaScript創建的div和定義CSS創建效應

http://jsfiddle.net/Qz5dA/4/

+0

它不會在我的工作案例(Metro應用程序)。我認爲Metro應用不支持'alert',因爲它是瀏覽器功能。 – kalpetros

+0

我認爲你可能需要閱讀這個http://stackoverflow.com/questions/13652413/what-is-the-alternative-to-alert-in-metro-apps – Jorge