Discussion :

[witeman]

Bonjour à toutes et tous.

Avant toutes autres choses : Je sais ! Les iframes c'est le mal !
Mais je n'en utilise qu'une seule, pour une seule page donnée, ce qui représente qu'un pourcentage ridicule du site.
Mais bref, là n'est pas le problème

J'ai passé ces dernières 24h à chercher sur le net une solution à mon épineux problème en vain.
J'ai bien eu quelques touches par ci par là, mais rien qui ne m'ai sorti de la panade.

En gros, le schéma est simple :

Une page parent.html contenant une iframe.html
Jusque là rien de sorcier.
En fait je me sers de cette iframe comme d'un lecteur de fiches que l'on appel via différents boutons.
Hors dans certaines de ces fiches vont être intégrés des contenus multimédia (surtout vidéos et images) que j'aimerai mettre en visualisation via "Shadowbox"
Pour intégrer shadowbox à mes iframes, aucuns soucis.
Mais bien sûr, il fallait le craindre et c'est logique, le déploiement de la shadowbox ne se fait que dans le cadre de l'iframe, et bien évidement, ça ne me convient pas

Je sais qu'il est tout à fait possible de spécifier à shadowbox qu'elle doit ouvrir le contenu de l'iframe dans la page parent grâce entre autre à cette variable : var Shadowbox = window.parent.Shadowbox;
(voir question/réponse n°2 sur leur site officiel :
http://www.shadowbox-js.com/faq.html

Mais voilà... autant je commence à comprendre correctement html/css, autant le JS reste un peu flou, et je ne sais pas manier ces variables.

La page concerné est visible à cette adresse :
http://www.compositeur-jeux-videos.fr/projet.html
(je vous préviens le site est en construction, et le contenu n'est qu'un test )

En cliquant sur l'onglet advent children, vous ferez apparaitre la fiche correspondante dans l'iframe, et celle ci contient une video associée à shadowbox, et laissant clairement apparaitre le problème.

Vous aurez ainsi accès au code source des pages "parent.html" et "iframe.html"

Donc si quelqu'un parmi vous est en mesure de m'éclairer sur la façon d'intégrer le code dans les deux pages pour "libérer" la shadowbox de son iframe, je vous en serez très reconnaissant !

Merci par avance

[witeman]

Petite précision :

J'ai tout de même réussi, tout à l'heure, à déclencher l'ouverture "partielle" de shadowbox dans la page "parent" depuis le lien de l'iframe.
Je dis "partielle" car la page du navigateur tout entière s'obscurcie comme si l'ouverture se faisait normalement, mais aucun cadre n'apparait et bien sûr le contenu ne se charge pas.

Pourtant les chemins d'accès semble parfaitement correct, ou alors ma logique n'est pas bonne ?:
Quel casse tête...

En gros, voici mon code, si cela peut vous aider :

Code dans le HEAD de ma page parent.html

Code :

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

1
2
3
4
5
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

Code dans le HEAD de ma page iframe.html

Code :

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

<script>var Shadowbox = window.parent.Shadowbox;</script>

et enfin:
Lien placé dans le BODY de ma page iframe.html

Code :

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

<a href="videos/advent_vid.swf" rel="shadowbox;height=480;width=640">Advent</a>

Sachant que la structure de mes dossiers et chemins d'accès est la suivante :



J'espère que certains pourront m'éclairer

Merci !

Benjamin

[Invité]

Salut,

Je dirai

Code :

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

<a href="iframe/videos/advent_vid.swf" rel="shadowbox;height=480;width=640">Advent</a>

car l'adresse de la vidéo va être interprétée par le javascript de la page parent, hors du repertoire "iframe" .

[witeman]

Malheureusement non...
Il m'indique tout bonnement qu'il ne trouve pas le lien...

[Invité]

Je ne vois pas où tu as

Code :

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

var Shadowbox = window.parent.Shadowbox;

sur ton site, sur quelle page je peux le tester ?

[witeman]

Désolé,
J'avais enlevé le code des pages en ligne pour le moment, le temps de tester d'autres choses.

Mais je l'ai exactement remis tel qu'indiqué dans mon premier post.

En te dirigeant vers cette page :

http://www.compositeur-jeux-videos.fr/projet.html

qui correspond à la page "mère" de l'iframe et vers celle-ci :

http://www.compositeur-jeux-videos.f...cheadvent.html

qui correspond à une des pages affichée dans l'iframe et contenant la video à exploiter hors cadre par shadowbox.

Merci pour ton aide