2013-09-27 120 views
0

我在使用帶有ASP.NET WebForm的Colorbox時遇到了問題。我所試圖做的是:Colorbox + ASP.NET WebForm提交按鈕

  1. 用戶點擊一個鏈接,和顏色框彈出
  2. 內部顏色框,用戶在文本框中輸入一個術語,點擊提交按鈕
  3. 在提交時,網頁點擊率數據庫,然後顯示結果(仍在彩盒內)

現在,我有步驟#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

你必須加載一個iframe中的顏色框內容:

$('a.cbox').colorbox({ href: "FAQ.aspx", iframe: true, width: 456, height: 100 });