Prototype intégration iframe responsive

Ici message de la part de l'iframe :

URL de l'iframe (prend en compte les changements pour màj nav du parent) :

Ce message est sur fond vert si cas [B1] OK

Ici l'iframe

Chargement iframe

  • static.loire-atlantique.fr
  • delibs sur static.loire-atlantique.fr
  • lasesouvient.loire-atlantique.fr
  • ggtr1138.alwaysdata.net
  • www.url-inexistante.fr (pour tester le fallback en cas d'erreur de chargement d'iframe)
  • static.loire-atlantique.fr/pleade

Cas de communication page racine / iframe

De page racine (1) vers iframe (2)

  • [A1] De 1, appliquer CSS sur 2 (force css) + exécution javascript de 2
  • [A2] De 1, changer URL de 2 (pilotage d’une navigation de 1 vers des pages de 2) -> l'iframe doit s'adapter en hauteur
  • [A3] 1 change de taille : largeur de 2 s’adapte (responsive design), hauteur de 2

De iframe (2) vers page racine (1)

  • [B1] Exécution javascript de 1 (au chargement de l'iframe, un JS du parent est exécuté pour mettre le message sur fond vert)
    KO pour lasesouvient
  • [B2] Changement de taille 2 -> notification 1 pour plus de place en hauteur.
  • [B3] Changement URL 2 -> notifie 1 (change la nav)

Autres cas

  • [C1] iframe ouvre URL en pleine page (nouvel onglet, même onglet, téléchargement d’un PDF dans une nouvelle fenêtre)
    Lien dans même domaine : OK dans même fenêtre, KO dans nouvelle fenêtre pour iframes pas dans le même domaine que le parent.
    Lien externe : Erreur Refused to display [URL externe] in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
    Nécessite l'envoi d'un header HTTP X-Frame-Option
  • [C2] Si iframe KO, afficher un message d’erreur
  • [C3] Si iframe lente à charger, affichage d’un picto de chargement en cours