Article: Programmatically call FancyBox
Description: The following topic will show you how to call FancyBox programatically.
There are some basic things your page will need to have
- You'll need a ScriptManager on your page
- You'll need to add the proper links to your js files (JQuery & FancyBox)
To get started, you'll need to add the following <a> tag in your Mark-up. This is link to your FancyBox page.
<a id="MyFancyBoxMessageCall"
href="../FancyBoxPages/MyMessagePage.aspx"
visible='false' ></a>
Next, you'll need to add the following script section to your page:
<script type="text/javascript">
function sendMessage() {
try {
$(document).ready(function ()
{ $('#MyFancyBoxMessageCall).fancybox({ 'titleShow': false }); });
document.getElementById("MyFancyBoxMessageCall").click();
}
catch (ex) { }
}
</script>
From your code-behing (.cs or .vb), you'll need to add the following line of code:
Note: you'll want to put this line where you want the code to generate the FancyBox Message (e.g. btnClick)
ScriptManager.RegisterStartupScript(this.Page, this.GetType(),
"MyMessageScript", "sendMessage();", true);