Добавление изображения во всплывающее сообщение

Можно ли добавить изображение во всплывающее сообщение в 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, ex: 'ScriptManager.RegisterStartupScript (this, this.GetType()," $ (function() {$ ('# dialog'). dialog ('open');}); ", true);'. Вероятно, вы захотите добавить параметр [autoOpen: false] (http://api.jqueryui.com/dialog/#option-autoOpen) в объявление диалога в HTML. Прочтите документацию, с которой я связан. – mason

Наконец-то он работал. Теперь одеть его с помощью CSS. Тьфу. : o ( –

Вы не можете добавлять HTML, используя функцию предупреждения JavaScript Alert.

Предупреждение о JavaScript - это простое окно, содержащее сообщение.

Для реализации ваших потребностей, вы должны использовать библиотеку для диалоговых окон, всплывающих окон и т.д.

Вы должны использовать что-то вроде JQuery & JQuery UI (пар пример).

Вот в jsfiddle с помощью JQuery и JQuery UI, что делать то, что вы хотите: 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 ya. Не уверен, кто проигнорировал, он близок к тому, что я делал. –

Добавление изображения во всплывающее сообщение

ответ

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