2013-05-27 3 views
0

Я пытаюсь создать приложение Metro с помощью JavaScript, и я не могу найти способ создать всплывающее окно.Приложение 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, потому что это функция браузера. – kalpetros

+0

Я думаю, что, возможно, вам нужно прочитать это http://stackoverflow.com/questions/13652413/what-is-the-alternative-to-alert-in-metro-apps – Jorge

Смежные вопросы