弹出警告框时，背景变为空白

Question

我的网站在 .net 框架 2.0 中。我正在使用 javascript 提供的警报和确认对话框。

我面临的问题是当弹出警报框时，背景变为空白，用户无法查看他/她正在做什么。

虽然确认对话框没有发生同样的情况。由于我的应用程序是 2.0，因此我无法找到合适的解决方案。

现在我的问题是为什么确认对话框显示背景但警报不显示，我应该进行哪些更改以便在出现警报框的情况下也可以查看背景？

这里是sn-ps的代码：

当我使用下面的确认对话框时，我可以查看背景：

btnDeleteGroup.Attributes.Add("onclick","javascript:return confirm('Are you sure you want to delete this group?');");
btnTemplateDelete.Attributes.Add("onclick","javascript:return confirm('Are you sure you want to delete this template?');");

以下是警报对话框的代码。我希望在我的列表为空时弹出警报框：

private void AddRecipients(String text, ListBox listBox)
{
    ListItemCollection items = new ListItemCollection();
    AddRecipientToList(text, items);

    // No matching recipients
    if (items.Count == 0)
    {
        BrowserMessage("There are no users or groups with this name");         
        return;
}

// Exactly one match found
if (items.Count == 1)
{
    listBox.Items.Add(items[0]);
    return;
} 
}

BrowseMessage函数定义如下：

public void BrowserMessage(string Message)
{
    Message = Message.Replace("\"", "'").Replace(@"\", @"\\").Replace("\n", @"\n");
    OutputJavascript("alert(\""+ Message + "\");");
} 

OutputJavascript 定义为：

public void OutputJavascript(String script)
{
    ScriptBlock js = new ScriptBlock(this);
    js.AddScript(script);
    js.Register();
}

如果上述问题需要任何额外信息，请告诉我。

这里是设计代码。当用户点击添加收件人按钮时需要弹出警报

<DIV 
STYLE="DISPLAY: inline; Z-INDEX: 100; LEFT: 8px; WIDTH: 72px; POSITION: absolute; TOP: 8px; HEIGHT: 21px" 
MS_POSITIONING="FlowLayout">Subject</DIV>
<DIV 
STYLE="DISPLAY: inline; Z-INDEX: 104; LEFT: 8px; WIDTH: 72px; POSITION: absolute; TOP: 64px; HEIGHT: 21px" 
MS_POSITIONING="FlowLayout">Message</DIV><asp:image id="Image1" style="Z-INDEX: 106;  LEFT: 368px; POSITION: absolute; TOP: 72px" runat="server" ToolTip="Required field"   ImageUrl="..\images\redLed.gif"></asp:image><asp:image id="Image2" style="Z-INDEX: 107; LEFT: 304px; POSITION: absolute; TOP: 40px" runat="server" ToolTip="Required field" ImageUrl="..\images\redLed.gif"></asp:image></DIV>
<DIV CLASS="groupbox" 
STYLE="Z-INDEX: 110; LEFT: 8px; WIDTH: 328px; POSITION: absolute; TOP: 56px; HEIGHT: 248px" 
MS_POSITIONING="GridLayout"><asp:ListBox id="lbRecipients" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 56px" tabIndex="3" runat="server" Width="312px"    CssClass="formtextbox" EnableViewState="False" Height="153px" SelectionMode="Multiple">    
</asp:ListBox>   
 **<asp:Button id="btnRecipientAdd" style="Z-INDEX: 102; LEFT: 216px; POSITION: absolute; TOP: 32px" runat="server" Width="102px" CssClass="formbutton" CausesValidation="False" Text="Add Recipient" EnableViewState="False">    </asp:Button>**

下面是生成的 HTML

<script language='javascript'> 
function TabStrip1_Click(index)
{
var f=document.forms[0];
f['TabStrip1_Index'].value=index;
f.submit();
}
</script>
<script language="Javascript"><!--
alert("There are no users or groups with this name");//--></script>
<script language="javascript"><!--
function showMessage(postValue)
{
var f=document.forms[0];
f.__MESSAGENUMBER.value=postValue;
f.submit();
}
//--></script>
<script language="javascript"><!--
function saveRecipients()
{
listSaveContents('lbRecipients', '__RECIPIENTS');
}
//--></script>
<script language="javascript"><!--
function addRecipient(sText,sValue)
{
var op=gE('lbRecipients').options;
op[op.length]=new Option(sText,sValue);
}

Answer 1

您正在执行回发以生成此消息，然后在重新加载时将其呈现到页面中。它是直接内联呈现的，而不是作为一种方法，因此它在页面加载时被调用。因此，在浏览器解析页面以进行渲染时遇到alert，它会显示alert，并暂停进一步的解析和渲染。

您最好将其作为标签放在收件人框下方，然后将消息放入并在回发时将其涂成红色。

Answer 2

您的 cs 似乎是一种非常奇怪的输出 javascript 警报的方式...试试这个：

public void BrowserMessage(string Message)
{
    Message = Message.Replace(@"\", @"\\").Replace("\n", @"\n");
    OutputJavascript(Message);
} 
public void OutputJavascript(String message)
{
    string output = @"<script language='javascript'> alert('"+message+"');</script>";
    Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "UserPopup", output);
}