是否可以在javascript中设置ajax模式弹出popcontrolid？ [英] Is it possible to set ajax modal popup popcontrolid in javascript?
本文介绍了是否可以在javascript中设置ajax模式弹出popcontrolid？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何在调用.show（）方法之前通过javascript设置popupcontrolid？
我的要求是使用单个模态对话框来显示多个面板，
我有5个我的屏幕上的按钮，点击，每个按钮显示几个字段作出选择，我在每个按钮的不同面板中包括那些字段，但是如何在不使用多个模式的情况下动态显示模态弹出窗口中的特定面板弹出窗口？
任何建议都值得赞赏
How to set popupcontrolid through javascript before calling .show() method?
My requirement is to use a single modal dialog for displaying multiple panels,
I have 5 buttons in my screen , on click , each button few fields are displayed to make a choice, I included those fields in different panels one for each button, but how can I dynamically show a particular panel at a time in modal popup without using multiple modal popups?
any suggestion is appreciated
推荐答案
你可以通过显示/隐藏Div来实现它，并使用相应的面板更改其内容。请参阅下面的示例代码。您可以为Div添加其他功能以关闭，最小化等...
You can achieve it by showing / hiding a Div , and changing its contents with the respective panel. See below the sample code. You can add additional features to the Div to close, minimize etc...
<pre lang="HTML"><html>
<head>
<title></title>
</head><pre lang="Javascript"></
<script>
function showPos(event, divName) {
var el, x, y;
el = document.getElementById( ''wrapupDiv'' );
if (window.event) {
x = window.event.clientX + document.documentElement.scrollLeft
+ document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop +
+ document.body.scrollTop;
}
else {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
x -= 2; y -= 2;
y = y+15
el.style.left = x + "px";
el.style.top = y + "px";
el.style.display = "block";
document.getElementById( ''wrapupDiv'' ).innerHTML = document.getElementById( divName ).innerHTML;
}
</script><pre>
<body>
<table><tr><td style="font-family:Calibri;font-size:medium">Sample page to display a Javascript Popup using HTML Div</td></tr>
<tr>
</tr>
<tr><td>
<input type="button" value="Show First Div" önclick="showPos(event,''firstDiv'')" />
<input type="button" value="Show Second Div" önclick="showPos(event,''secondDiv'')" /></td></tr>
</table>
<div id="firstDiv" style="display:none; ">
First Div contents
</div>
<div id="secondDiv" style="display: none;">
Second Div contents
</div>
<div id="wrapupDiv" style="display: none; removed: absolute; removed 100px; removed 50px;<br mode="hold" /> border: solid black 1px; padding: 10px; background-color: Gray; text-align: justify;<br mode="hold" /> font-size: 12px; width: 500px; height: 300px">
</div>
</body>
</html>
这篇关于是否可以在javascript中设置ajax模式弹出popcontrolid？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
