Как добавить изображение в оповещение или в propmts.alert с помощью JavaScript XUL - PullRequest
Новая
       17

Как добавить изображение в оповещение или в propmts.alert с помощью JavaScript XUL

1 голос
/ 26 августа 2011

https://developer.mozilla.org/en/XPCOM_Interface_Reference/nsIPromptService#prompt_example https://developer.mozilla.org/en/Code_snippets/Alerts_and_Notifications

Mozilla XUL предлагает различные типы предупреждений и сообщений в окне уведомлений. Но, тем не менее, почему в сообщении не может быть изображения? 

    var prompts = Components.classes["@mozilla.org/embedcomp/prompt-service;1"]
                        .getService(Components.interfaces.nsIPromptService);

   prompts.alert(null, contact, "No Email Address")

Приведенный выше код для отображения предупреждения с пользовательским заголовком сообщения. Когда мы проверяем nsIPromptService, он дает различные варианты, но по-прежнему нет возможности добавить изображение, насколько мне известно.

Когда мы проверяем всплывающее окно в XUL, we can add an image, но предупреждение будет отображаться в углу системы, поскольку оно использует nsIAlertsService, и отображение этого всплывающего окна не зависит от платформы.

Возможно ли иметь изображение в окне оповещения или в поле prompts.alert с использованием JavaScript в XUL?

1 Ответ

2 голосов
/ 26 августа 2011

Почему бы вам не использовать настраиваемое диалоговое окно оповещения, как обсуждалось ЗДЕСЬ ?

XUL для оповещения с изображением может выглядеть так: 

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<dialog id="alertprompt" title="Alert"
   xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
   xmlns:html="http://www.w3.org/1999/xhtml"
   buttons="accept"
   buttonlabelaccept="Ok"
   height="160"
   width="260"
   ondialogaccept="return alert_prompt.doOK();">

   <script type="application/javascript" src="chrome://hello/content/alert_prompt.js"/>
    <label id="title" value="Title may go here!" align="center" class="header"/>
    <html:table>
        <html:tr>
            <html:td>
                <html:img src="Firefoxlogo.png" width="30" height="30"/>
            </html:td>
            <html:td>
                <label id="result" value="This place will display your message." align="center"/>
            </html:td>
        </html:tr>
    </html:table>
</dialog>

Это будет выглядеть примерно так:

enter image description here

Соответствует ли оно вашему требованию?

...