0

当用户登录我的网站时，我会检查是否有任何有效的促销活动，如果有，我想在弹出 iFrame 中显示一条消息。

这适用于 IE8 和 IE9，但不适用于 FF 或 Chrome。

使用 Chrome 时，页面只是循环通过 document.ready 函数...也就是说它执行 document.ready 和 showOpeningMessages() 中的代码，但没有显示 iFrame，然后立即返回 document.ready 并重复该过程好像页面正在重新加载。

这是代码：

在 C# 代码后面作为页面加载的一部分

            // session variable will be null to begin with to display message
        string promotionOpeningMessagesViewed = Session["promotionOpeningMessagesViewed"] == null ? "0" : "1";



        Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
"pageScript", @"

function openingMessagesModalID()
{
    var id = '" + promotionOpeningMessagesPanel.ClientID + @"';
    return id;
}

function countOpeningMessages()
{
    var id = '" + mgr.PromotionOpeningMessageList.Count.ToString() + @"';
    return id;
}

function showOpeningMessages()
{
    $('#iframepromotionOpeningMessages').attr('src','PromotionOpeningMessages.aspx');
    document.getElementById('" + okayOpeningMessagesButton.ClientID + @"').style.display = 'block'; 
}

$(document).ready(function() {

    if (countOpeningMessages() != '0' && '" + promotionOpeningMessagesViewed + @"' == '0') {
        document.getElementById('" + dummyButton.ClientID + @"').click();
    };
});

", true);

这是标记：

    <asp:Panel runat="server" ID="promotionOpeningMessagesPanel" style="display:none;" CssClass="openingMessageBox" >
    <iframe id="iframepromotionOpeningMessages" frameborder="0" src="about:blank" style="border:none; width: 100%; height: 90%  "></iframe>
     <asp:LinkButton ID="okayOpeningMessagesButton" runat="server" 
                Text="<%$ Resources:UIText,  OK%>" 
                CssClass="buttons positive BtnAdd rightAlignButton"
                style="display:none;" />
     <asp:LinkButton ID="dummyButton" runat="server" 
                Text="<%$ Resources:UIText,  OK%>"
                CssClass="buttons positive BtnAdd"
                OnClientClick="showOpeningMessages();"
                style="display:none;" />
</asp:Panel>

<ajaxControlToolkit:ModalPopupExtender runat="server" 
    ID="promotionOpeningMessagesModalPopupExtender"
    BehaviorID="promotionOpeningMessagesModalPopupExtender"
    BackgroundCssClass="modalBackground"
    PopupControlID="promotionOpeningMessagesPanel" 
    RepositionMode="RepositionOnWindowResizeAndScroll"
    OkControlID="okayOpeningMessagesButton"
    TargetControlID="dummyButton" />

提前感谢您的帮助

4

1 回答 1

0

我决定采用另一条路线并重新编写代码，使其使用 JQuery Popup Dialog API，这样效果更好。

于 2013-06-12T12:21:57.297 回答