Question

是否可以在C＃/ ASP.Net中向弹出消息添加图像？我有一个标准的弹出窗口编码：

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

我被要求添加停车标志或大感叹号的图像或突出的东西，我甚至不知道是否可能。

Answer 1

我不相信使用JavaScript提醒功能是可能的。但是，如果您使用任何基于CSS的对话框/模式框（例如，Bootstrap Modal，jQuery UI Dialog等），它应该是可能的。列出所有可能的工具来实现这一目标是愚蠢的，但只知道它们与我在jQuery UI对话框中显示的内容完全相似。

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

您无法使用javascript警报功能添加html。

JavaScript警报是一个包含消息的简单窗口。

为了满足您的需求，您必须使用库来进行对话，弹出窗口等。

你必须使用像jQuery和amp; jQuery UI（例子）。

这是一个使用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);

将图像添加到弹出消息中

2 个答案: