0
У меня возникли проблемы с использованием Colorbox с ASP.NET WebForm внутри. То, что я пытаюсь сделать, это:Colorbox + ASP.NET WebForm Кнопка отправки
- Пользователь нажимает на ссылку, и Colorbox выскакивает
- Внутри ColorBox, пользователь вводит термин в текстовое поле и нажимает кнопки отправки
- На представить хиты страницы DB и затем показывает результаты (все еще внутри colorbox)
Прямо сейчас, у меня есть шаги # 1 & # 2 работает, но # 3 нет. Если я нажму кнопку «Отправить», браузер перейдет на страницу, загруженную внутри colorbox (FAQ.aspx).
Test.aspx
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Test Page</title>
<link href="css/colorbox.css" rel="stylesheet" />
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.colorbox.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a class="cbox">FAQs</a>
</div>
</form>
<script>
$(document).ready(function() {
var colorbox = $("#colorbox");
$('form#Form1').prepend(colorbox);
});
$('a.cbox').colorbox({ href: "FAQ.aspx" });
</script>
</body>
</html>
FAQ.aspx
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Frequently Asked Questions</title>
</head>
<body>
<form id="form1" runat="server">
<div>
Search: <asp:TextBox runat="server" ID="txtSearch" /> <asp:Button runat="server" ID="btnSubmitSearch" Text="Submit" OnClick="btnSubmitSearch_Click"/>
<br />
<asp:scriptmanager ID="Scriptmanager1" runat="server"></asp:scriptmanager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Literal ID="litOutput" runat="server" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnSubmitSearch" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<br />
</div>
</form>
</body>
</html>
Может кто-нибудь помочь мне понять, что я делаю неправильно?