Question

I want to use the JQuery FancyBox on an asp.net page but all the examples I have found show triggering a fancybox from anchor tag (< a >). I am not able to find an example where a fancybox is triggered from codebehind. To be more specific, I create a pdf file on the fly on a LinkButton click. After the file has been created, I want to show it using fancybox (I am using Jquery and FancyBox for the first time). Any examples showing how to do this will be much appreciated. Thanks.

Answer 1

在你接通了这个网页(后台)之后,你想将一些文字注入你的网页。

你的网页应当有这样的内容。

<a href="#" id="hidden_link" style="display:none;"></a>
<script type="text/javascript">
    function LaunchFancyBox() { 
          $("#hidden_link").fancybox().trigger( click ); 
    } 
</script>

然后,你将用 but子点击手把一些文字放在网页底部。

因此,在你网页的底部,你会增加像你这样的东西。

<asp:Literal runat="server" ID="Literal1" />

接着,在你 but子的点击活动中,你会把你带在你身上。

Public Sub Button1_Click()
    Literal1.Text = "<script>$(document).ready(LaunchFancyBox());</script>"
End Sub

http://fancy Box.net/blog"rel=“nofollow noreferer”>blog 同时也有助于解释这一点,然而,他们总是在一页的负荷上重新启用,因此没有必要注入文字。但是,由于你想在背后这样做,你需要做文字注射。

Answer 2

溶解。对岩石的答复仅作一些细微的调整。离开

<script language="javascript" type="text/javascript">
$(document).ready(function() {
    $("#hidden_link").fancybox({
         title          :  Test Document ,
         titleShow      : true,
         titlePosition  :  over ,
         titleFormat    :  formatTitle ,
         type           :  iframe ,
         width          :  98% ,
         height         :  98% ,
         hideOnOverlayClick : false,
         hideOnContentClick  : false,
         overlayOpacity : 0.7,
         enableEscapeButton  : false
    });
});
</script>

在主角,《刑法》如下:

protected void SomeButton_Click(object sender, EventArgs e)
{          
    hidden_link.Attributes["href"] = "some_file.pdf";
    Literal1.Text = "<script>jQuery(document).ready(function() {$("#hidden_link").trigger( click );});</script>";
}

• 提出正确方向的示意。

Answer 3

我正在使用协会。净额与VB。净额为代码

ASPX: 1) I have a hidden anchor with style as display:none and no Literal Add hidden anchor tag id="hidden_link" clientidmode="static" style="display:none;" class="fancybox fancybox.iframe"

在内容领域或标题方面:

 script type="text/javascript">
             $("#hidden_link").fancybox({
             // title :  Test Document ,`enter code here
             // titleShow : true,
             // titlePosition :  over ,
             // titleFormat :  formatTitle ,
             href: "SessioDocqReportPreview.aspx",
              width :  98% ,
              height :  98% ,
              hideOnOverlayClick : false,
              hideOnContentClick : false,
              overlayOpacity : 0.7,
              enableEscapeButton : false            
         }); 

     });
2) In the code behind button click event 
     Dim csMgr As ClientScriptManager = Me.ClientScript
     If Not csMgr.IsStartupScriptRegistered("OpenPopUp_Script") Then
       Dim sb As New StringBuilder()
       sb.AppendLine("$(document).ready(function() {")
       sb.AppendLine("$(""#hidden_link"").trigger( click );")
       sb.AppendLine("return false;")
       sb.AppendLine("});")
       hidden_link.Attributes("href") = "xyz.aspx"
       csMgr.RegisterStartupScript(Me.GetType(), "OpenPopUp_Script", sb.ToString(), True)
     End If
3) This way we can get rid of Literal control, if still want to use the set the sb.Tostring to the text of the literal control with script tags and ofcourse remove the StatupScript.
BTW my fancybox is from www.fancyapps.com and v2.0.

友情链接