2013-09-27 3 views
0

У меня возникли проблемы с использованием Colorbox с ASP.NET WebForm внутри. То, что я пытаюсь сделать, это:Colorbox + ASP.NET WebForm Кнопка отправки

  1. Пользователь нажимает на ссылку, и Colorbox выскакивает
  2. Внутри ColorBox, пользователь вводит термин в текстовое поле и нажимает кнопки отправки
  3. На представить хиты страницы 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> 

Может кто-нибудь помочь мне понять, что я делаю неправильно?

ответ

0

Вы должны загрузить содержимое ColorBox внутри фрейма:

$('a.cbox').colorbox({ href: "FAQ.aspx", iframe: true, width: 456, height: 100 }); 
Смежные вопросы