Discussion :

[kaking]

bonjour a tous !

voila, j'ai recemment intégré shadowbox a mon site. Pour ouvrir un lien par shadwobox, je fais dans toutes les pages du site :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
Shadowbox.init({
    // skip the automatic setup again, we do this later manually
    skipSetup: true
});
window.onload = function() {
    Shadowbox.setup("a.shadowbox", {
		player:     "html"
    });
};

et pour les liens, je fais ceci :

Code :

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

1
2
 
<a href="form_structure.php" class='shadowbox'>Ajouter une nouvelle entreprise</a>

PROBLEME : la, tout ce que ca fait, c'est que ca ouvre une shadowbox, avec marqué dedans :
<a href="form_structure.php" class='shadowbox'>Ajouter une nouvelle entreprise</a>

Il ne va pas sur l'url !!! il me l'affiche

pour résoudre la chose, il faudrait ouvrir la nouvelle page via iframe, en utilisant

Code :

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

 player:iframe

SAUF QUE lorseque je fais ca, ni le css, ni les librairies javascript ne sont chargés automatiquements sur la nouvelle page appelée, comme c'est le cas pour le reste du site...donc ca ne me convient pas du tout !


LA SOLUTION

serait d'ouvrir la nouvelle page via ajax... qui s'afficherait grace a shadowbox!

quelqu'un aurait il siouplais la moindre idée de ce qu'il faudrait faire ? je cherche actuellement sur le site de shadowbox, mais j'ai du mal, la

merci d'avance de votre aide !

[kaking]

HAHAA !

J'ai trouvé !!!

en fait je fais ceci :

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
<script type="text/javascript" language="javascript">
 
Shadowbox.init({
    // skip the automatic setup again, we do this later manually
    skipSetup: true
});
 
window.onload = function() {
$('a.shadowbox').bind('click', function() {
        var href = $(this).attr('href');
        $.ajax({ 
            url: href, 
            success: function(data){
                Shadowbox.open({
                    content:    data,
                    player:     "html",
                    height:     1000,
                    width:      1000
                });
            }
         });
        return false;
    });
};

sur un lien construit comme ceci :

Code :

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

<a href="./formulaires/form_structure.php?height=450&width=420&style=representant" class='shadowbox' rel="shadowbox;" title="Ajouter une nouvelle entreprise">Ajouter une nouvelle entreprise</a>

et ca marche du tonnerre !

-bon, j'ai cherché partout, hein- et notemment sur ce site la

http://stackoverflow.com/questions/2...owbox-and-ajax

'oilou !