C# 弹出窗口的替代选项(功能相同)
我正在一个网站(C#,.Net 3.5 Framework)上工作,正在寻找C# 弹出窗口的替代选项(功能相同),c#,web,popupwindow,C#,Web,Popupwindow,我正在一个网站(C#,.Net 3.5 Framework)上工作,正在寻找弹出窗口的替代方案,以避免浏览器的弹出窗口阻止程序设置,或者换句话说,希望删除网站对弹出窗口阻止程序的依赖性。许多用户禁用它们是因为他们不喜欢 我使用的菜单和网站的通用界面母版页 但所有的要求都是一样的 重叠窗口 公共界面/组件,可用于显示其他HTML/ASPX页面的内容 值可以传递并返回到打开器窗口 对于这种情况,哪一个是最好的选择 谢谢。你最好的选择是javascript,也许是jquery的模态插件,但是。。。问题
弹出窗口
的替代方案,以避免浏览器的弹出窗口阻止程序设置,或者换句话说,希望删除网站对弹出窗口阻止程序的依赖性。许多用户禁用它们是因为他们不喜欢
我使用的菜单和网站的通用界面母版页
但所有的要求都是一样的
公共界面/组件
,可用于显示其他HTML/ASPX页面的内容传递并返回到打开器窗口
谢谢。你最好的选择是javascript,也许是jquery的模态插件,但是。。。问题是,它也不是100%可靠。许多人禁用javascript,或者可能没有带有该js的浏览器(一些较旧的手机等)。我找到了一种方法,作为弹出窗口的替代方法。
样式表(与弹出窗口相关的CSS)
用途:用于弹出窗口的CSS
.PopupOuterDiv
{
height:100%;
width:100%;
top:0px;
left:0px;
background-color:#000000;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
z-index:50;
}
.PopupInnerDiv
{
position:fixed;
background-color:#ffffff;
z-index:50;
left:25%;
right:25%;
top:25%;
border-right: #0066ff 5px solid;
border-top: #0066ff 5px solid;
border-left: #0066ff 5px solid;
border-bottom: #0066ff 5px solid;
font-family: Arial;
}
.PopoupTitle
{
background-color: #0066ff;
height:25px;
color: white;
}
.PopoupButton
{
color: #ffffff;
width:20px;
border:white 1px solid;
background-color: #663300;
}
母版页
用途:包含弹出窗口的通用代码
1.为外部褪色效果创建1个Div
2.将Div创建为容器或弹出窗口
3.在容器DIV内创建Iframe并分配URL。
<div class="PopupOuterDiv" runat="server" id="PopupOuterDiv" style="display:none;"></div>
<div class="PopupInnerDiv" runat="server" id="PopupInnerDiv" style="display:none;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr class="PopoupTitle">
<td id="PopoupTitle"></td>
<td align="right">
<input class="PopoupButton" type="Button" value="X" onclick="closePopup();" />
</td>
</tr>
<tr style="height:8px;" ><td></td></tr>
<tr>
<td colspan="2">
<iframe id="PopupIframe" src="" runat="server" height="300px" width="480px"></iframe>
</td>
</tr>
</table>
</div>
function closePopup()
{
document.getElementById('<%=PopupOuterDiv.ClientID%>').style.display = 'none';
document.getElementById('<%=PopupInnerDiv.ClientID%>').style.display = 'none';
}
function openPopup(PopupTitle, PopupURL)
{
document.getElementById('<%=PopupOuterDiv.ClientID%>').style.display = '';
document.getElementById('<%=PopupInnerDiv.ClientID%>').style.display = '';
document.getElementById('PopoupTitle').innerText = PopupTitle;
document.getElementById('<%=PopupIframe.ClientID%>').src = PopupURL;
}
openPopup('My Custom Popup', '../aspx/User.aspx');