Ouvrir FancyBox lors du OnClick sur un Button

Bonjour,

Voici comment j'ouvre ma FancyBox avec un HyperLink :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
lnk_addtracing.NavigateUrl = "./MessageBox.aspx";
 
 
        lit_addtracing.Text = "<script type=\"text/javascript\"> " +
        "$(\"#" + lnk_addtracing.ClientID + "\").fancybox({" +
            "'onClosed': function() {parent.location.reload(true); ;}," +
            "'autoScale'            : true," +
            "'transitionIn'            : 'none'," +
            "'transitionOut'        : 'none'," +
            "'type'                    : 'iframe'" +
        "});" +
        "</script>";

Ma page .aspx :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title id="lbl_titlePage" runat="server" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="icon" type="image/png" href="http://192.168.100.127/ressources/images/picky.ico" />
 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
 
    <script type="text/javascript" src="./js/jquery.tools.min.js"></script>
 
    <link href="styles.css" type="text/css" rel="stylesheet" />
 
    <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
 
    <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.1.js"></script>
 
    <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.1.css"
        media="screen" />
</head>
<body>
    <form id="form1" runat="server">
    <asp:HyperLink CssClass="RedLink" runat="server" ID="lnk_addtracing" Text="FancyBox" />
    <asp:Literal runat="server" ID="lit_addtracing"></asp:Literal>
    </form>
</body>
</html>

J'aimerais pourtant ouvrir la FancyBox lors du clic() sur un Button.

Exemple :

Code:

<asp:Button ID="show_fancybox" runat="server" Text="Afficher la MessageBox" OnClick="showFancyBox" />

Mais je ne sais pas quoi mettre dans mon code behind...

Pouvez vous m'aider?

Merci à tous/toutes d'avance pour votre lecture et vos réponses... :D

Edit : Ou alors lancer l'ouverture de la FancyBox dans mon PageLoad...

J'ai trouvé la réponse.

Si ca intéresse quelqu'un :

Code:

1
2
hl_messagebox.NavigateUrl = "./MessageBox.aspx?message=Message";
        hl_lit_fancybox.Text = "<script type=\"text/javascript\"> $(document).ready(function() {$(\"#" + hl_messagebox.ClientID + "\").fancybox().trigger('click'); });</script>";

Question pratique ; FancyBox

Bonjour,

J'utilise Fancybox sur mon site, pas de soucis lors d'un clic sur un lien.

Je recherche désespérément comment ouvrir la box lors de l'ouverture d'une page, et je recherche également la manière d'ouvrir une page suite à la fermeture d'une Fancybox (une sorte de Onclosed : open "test.html"). Bien après des essais dans les fichiers js, toujours pas de résultat.

Si quelqu'un a la solution... Parce que là, même Google chauffe pour trouver la réponse :)

Merci par avance !

Code:

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
    $("#lnk_addmessage").fancybox({
        'onClosed': function() { parent.location.href = "url"; ; },
        'width': 600,
        'height': 650,
        'transitionIn': 'none',
        'transitionOut': 'none',
        'type': 'iframe'
    });
</script>