將圖像添加到彈出消息

是否可以將圖像添加到C＃/ ASP.Net中的彈出消息中？我有一個標準的彈出編碼爲這樣：將圖像添加到彈出消息

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "Data Entry", 
"alert('!!!!!ATTENTION !!!!! \\r\\n This is NOT the production version');", true);

我被要求增加脫穎而出停車標誌或大感嘆號或東西的形象，我甚至不知道這是否是可能的。

來源

2015-08-27 Johnny Bones

我不相信它有可能使用JavaScript警報功能。但是，如果您使用任何基於CSS的對話框/模式框（例如，Bootstrap Modal,jQuery UI Dialog等），它應該是可能的。列出所有可能的工具來做到這一點很愚蠢，但只要知道它們與我在jQuery UI對話框中顯示的內容非常相似即可。

$(function() { 
 
     $("#dialog").dialog({modal: true}); 
 
     });

<link href="https://code.jquery.com/ui/1.11.4/themes/ui-darkness/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> 
 

 
<div id="dialog" title="Test System"> 
 
    <p>This ain't the production system!</p> 
 
    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Achtung.svg/2000px-Achtung.svg.png" style="height: 50px; width: 50px" /> 
 
</div>

來源

2015-08-27 13:33:38 mason

任何想法，我會怎麼做，如果它是在Page_Load事件中運行？我發現[這篇文章]（http://stackoverflow.com/questions/16924329/how-do-i-call-up-a-jquery-ui-dialog-from-asp-net-code-behind-without-a -client-si）並逐字拷貝，認爲我可以調整它以適應我的需要，但是我得到一個負載錯誤，說明函數未定義 –

@JohnnyBones你可以調用顯示Page_Load對話框的函數，例如：'ScriptManager.RegisterStartupScript（this，this.GetType（），「$（function（）{$（'＃dialog'）。dialog（'open'）;}）;」，true）;'。您可能需要將[autoOpen：false]（http://api.jqueryui.com/dialog/#option-autoOpen）參數添加到HTML中的對話框聲明中。閱讀我鏈接到的文件。 – mason

終於搞定了。現在用CSS來裝扮它。啊。：o（ –

使用JavaScript警報功能不能添加HTML。

JavaScript警報是一個包含消息的簡單窗口。

要實現你的需要，你必須使用一個庫對話框，彈出窗口等

您必須使用類似的jQuery & jQuery用戶界面（參數例子）。

下面是使用jQuery和jQuery UI你想要的是什麼的jsfiddle：http://jsfiddle.net/5a833tjv/（jQuery的1.9.1和jQuery UI 1.9.2）

所以你需要添加下面的HTML（參數例子）：

<div id="dialog-message" title="Important information"> 
    <span class="ui-icon ui-icon-info" style="float:left; margin:0 0px 0 0;"></span> 
    <div style="margin-left: 23px;">   
      !!!!!ATTENTION !!!!! \\r\\n This is NOT the production version 
    </div> 
</div>

，並相應修改你的啓動腳本：

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "Data Entry", 
" 
$('#dialog-message').dialog({ 
    modal: true, 
    draggable: false, 
    resizable: false, 
    position: ['center', 'top'], 
    show: 'blind', 
    hide: 'blind', 
    width: 400, 
    dialogClass: 'ui-dialog-osx', 
    buttons: { 
     'I've read and understand this': function() { 
      $(this).dialog('close'); 
     } 
    } 
}); 


", true);

來源

2015-08-27 13:53:35

感謝您的downvote。我的答案有什麼問題？ –

I + 1'd雅不知道誰downvoted，它看起來接近我最終做的。 –

將圖像添加到彈出消息

回答

相關問題