2011-08-26 15 views
1

https://developer.mozilla.org/en/XPCOM_Interface_Reference/nsIPromptService#prompt_example https://developer.mozilla.org/en/Code_snippets/Alerts_and_Notifications如何在警報或propmts.alert使用JavaScript XUL

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,此彈出窗口的顯示與平臺無關。

使用XUL中的JavaScript可以在警告框或prompts.alert框中顯示圖像嗎?

回答

2

爲什麼不使用自定義提醒對話框HERE

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

它是否符合你的要求嗎?

+0

:我想提醒一下自定義標題和一個變量來顯示我的信息,最後我想要一個圖像? – linguini

+0

已更新答案,以包含帶有消息,標題和圖像的警報代碼。 –

+0

謝謝。我有一個變量值,我怎樣才能把這個變量放到這個alert頁面的標題? – linguini