IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

shadowbox depuis une iframe


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 14
    Par défaut shadowbox depuis une iframe
    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

  2. #2
    Membre habitué
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 14
    Par défaut juste pour préciser :
    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

  3. #3
    Invité
    Invité(e)
    Par défaut
    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" .

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 14
    Par défaut
    Malheureusement non...
    Il m'indique tout bonnement qu'il ne trouve pas le lien...

  5. #5
    Invité
    Invité(e)
    Par défaut
    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 ?

  6. #6
    Membre habitué
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 14
    Par défaut
    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

Discussions similaires

  1. L' accés est refusé depuis une Iframe
    Par th0mas dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 15/05/2008, 13h15
  2. Accès a un élement du document depuis une iframe
    Par highman dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 10/08/2007, 14h51
  3. Réponses: 19
    Dernier message: 15/05/2006, 21h52
  4. preload avec ciblage depuis une iframe
    Par jgoguel dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 18/10/2005, 10h42
  5. [C#] Redirection depuis une Iframe
    Par Dozer71 dans le forum ASP.NET
    Réponses: 2
    Dernier message: 24/05/2005, 10h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo