Fancybox jQuery / fermer la box quand la page se charge

Version imprimable

Bonjour,

Je suis pas du tout calé sur le sujet, mais je souhaite :
- Ouvrir un fichier dans Fancybox (ça ça va :mouarf:)
- Exécuter un code PHP
- Puis fermer directement la box.

Sur le forum fancybox :

Citation:

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 :oops:

Voici mon code (qui ne marche pas bien sur)
Code:

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>

Bonjour

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
$( 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" );
    }
 
});

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:

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>

08/11/2014, 18h21
NoSmoking

Bonjour,
pas sûr d'avoir compris mais je dirais

Citation:

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

Exécuter comment Ajax ? dans ce cas la fermeture sera à faire sitôt la réponse obtenue.

Difficile quand même d'en dire plus!!