Je veux ajuster automatiquement mon niveau d'image en fonction de leur contenu, mais dans le même domaine, il fonctionne correctement avec contentWindow.height, mais en cas de cross-domain, son autorisation est refusée pour accéder à iframe dom.
Pour les navigateurs modernes, vous pouvez utiliser la fonction window.postMessage
pour communiquer entre les iFrames appartenant à deux domaines différents.
Il existe également plusieurs plugins jQuery qui enveloppent window.postMessage
avec des techniques de hachage d'URL plus anciennes pour les navigateurs qui ne prennent pas en charge window.postMessage
. Cela rend l'utilisation de la technologie transparente pour l'utilisateur final.
Vous pouvez regarder la page suivante (et probablement emprunter le javascript dont vous avez besoin) à partir d'ici:
Lutron – Outil de sélection de ballast
L'outil avec les menus déroulants est actuellement chargé à partir d'un domaine distinct dans un iFrame. L'iFrame est ensuite redimensionné de manière dynamique en fonction de la hauteur du contenu interne.