jQuery Girl
  1. jQuery Girl
  3. Comment faire une évasion ‘lightbox’ d’une iframe?
Intereting Posts
jquerymobile chargement message thème Liaison d’événements Jquery sur des éléments générés via d’autres événements Alternative JavaScript pure à jQuery’s .not () Utiliser plusieurs URL avec $ .getJSON Est-il possible de définir la largeur d’une liste déroulante jQuery autocomplete? Ajouter une classe à un corps sur la page d’accueil Comment afficher plusieurs listes déroulantes à l’aide de array in php? écrire la valeur du lien à partir du fichier json Javascript trouver si alphabets anglais seulement PUT Ajax demande jqGrid userData avec type numérique au lieu d’object Comment obtenir une valeur par nom de classe en JavaScript ou jquery? e.keyCode ne fonctionne pas JQuery ne fonctionne pas dans JSFiddle lors de l’ajout en tant que nouveau JqGrid avec sous-grid et fichier XML unique en entrée

Comment faire une évasion ‘lightbox’ d’une iframe?

J’ai un iframe sur la page d’accueil d’un site. L’iframe charge une page .php comportant un rotateur construit avec les tabs de jQuery Tools. Sur le premier onglet, jQuery Tools Overlay permet d’afficher une vidéo YouTube dans une lightbox.

Tout fonctionne correctement sur la page autonome. Toutefois, lorsqu’il est affiché sur la page d’accueil du site, la visionneuse est confinée à l’iframe.

J’ai besoin de la visionneuse pour afficher / extraire l’iframe et reprendre la page d’accueil de l’ensemble du site.

Existe-t-il un moyen d’extraire la fenêtre parente de l’iframe ou la fenêtre supérieure, puis d’y ouvrir la lightbox?

Ou y a-t-il une autre méthode avec laquelle je pourrais accomplir ceci?

Le site est verrouillé pour le développement, mais vous pouvez voir la page php autonome ici: Page autonome

Une préférence “lightbox”?

Si vous êtes flexible, vous pouvez utiliser Fancybox (v2.x) et obtenir cet effet comme dans cette démo: http://picssel.com/playground/jquery/fancyboxFromIframe_16Jan12.html

Dans cette page, il y a deux iframes: celui de gauche montre votre scénario actuel et celui de droite, la solution que vous recherchez.

UPDATE : utilisation de jQuery.noConflict() 

  (mootools)