Fancybox jQuery / fermer la box quand la page se charge

**zigzagbe** · 08/11/2014, 10h17

Bonjour,

Je suis pas du tout calé sur le sujet, mais je souhaite :
- Ouvrir un fichier dans Fancybox (ça ça va

)
- Exécuter un code PHP
- Puis fermer directement la box.

Sur le forum fancybox :

5. How can I close FancyBox from other element?
Just call $.fancybox.close() on your onClick event

Mais où diable faut-il mettre cela ?
Help please

Voici mon code (qui ne marche pas bien sur)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
   <?php   //ici mon PHP//      ?>
 
<!doctype html>
 
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-15">
</head>
 
  <body onload="$.fancybox.close();">
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <link rel="stylesheet" href="http://www.fizzyexpress.pro/admin/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
  <script type="text/javascript" src="http://www.fizzyexpress.pro/admin/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>  
 
</body>

**danielhagnoul** · 08/11/2014, 10h50

Bonjour

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
$( function( ){ // forme abrégée de $( document ).ready( function( ){
 
    /*
     * Exemple : on veut fermer le fancybox lors
     * d'un clic sur l'elément du DOM ayant l'ID 
     * "monID".
     */
    $( "#monID" ).on( "click", function(){
        $.fancybox.close();
        return false;
    });
 
    /*
     * Pour déclencher l'événement, soit c'est l'utilisateur
     * qui clique soit on simule un clic de l'utilisateur
     * avec trigger().
     */
    function faitqqchose(){
        // du code
 
        // on déclenche l'événement
        $( "#monID" ).trigger( "click" );
    }
 
});

**zigzagbe** · 08/11/2014, 11h08

Bonjour et merci pour ce code !

Cependant, je l'ai ajouté dans 2 balises "script" mais ça ne marche tj pas

Faut-il l'appeler quelque part, par ex sur le body, et si oui comment svp...
Encore merci !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
30
31
32
33
34
35
36
37
38
39
40
41
 
 
<!doctype html>
 
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-15">
</head>
 
  <body>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <link rel="stylesheet" href="http://www.fizzyexpress.pro/admin/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
  <script type="text/javascript" src="http://www.fizzyexpress.pro/admin/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>  
 
  <script>$( function( ){ // forme abrégée de $( document ).ready( function( ){
 
    /*
     * Exemple : on veut fermer le fancybox lors
     * d'un clic sur l'elément du DOM ayant l'ID 
     * "monID".
     */
    $( "#monID" ).on( "click", function(){
        $.fancybox.close();
        return false;
    });
 
    /*
     * Pour déclencher l'événement, soit c'est l'utilisateur
     * qui clique soit on simule un clic de l'utilisateur
     * avec trigger().
     */
    function faitqqchose(){
        // du code
 
        // on déclenche l'événement
        $( "#monID" ).trigger( "click" );
    }
 
});</script>
 
</body>