Growing un Iframe en fonction de la source à l'intérieur (ce qui est un autre serveur)

Question

-je utiliser javascript pour développer un Iframe à la taille du document, il charge pour enlever toute la barre de défilement vertical, comme ceci:

function resizeIframes() { 
    $('iframe').load(function() 
     { 
      this.style.height = (this.contentWindow.document.body.offsetHeight + 40) + 'px'; 
     } 
    ); 
} 

qui fonctionne assez bien pour mes utilisations. Mais maintenant, je dois charger le Iframe avec un site Web d'un autre serveur (en fait un autre sous-domaine, au lieu de « www.mydomain.com » il est « services.mydomain.com ») et selon Firebug je ne suis pas autorisé à lire les propriétés de d'autres domaines via Javascript. Je devine une sorte de problème de bac à sable ?!

est-il un moyen de contourner ce ou au moins obtenir une sorte d'information sur la taille du contenu? Je serais même prêt à vérifier s'il y a une barre de défilement et à augmenter continuellement l'iframe jusqu'à ce qu'il soit parti, mais contrairement à l'objet window, un objet iframe ne semble pas avoir de propriété .scrollbars.

Answer 1

Si c'est juste un autre sous-domaine, document.domain devrait vous donner l'accès nécessaire entre les cadres.

Answer 2

Je suis désolé si vous trouvez cette réponse incomplète (il est). Je n'ai tout simplement pas d'échantillons de code avec moi. Je vais esquisser le concept principal et vous devrez remplir les détails vous-même.

Vous devez utiliser quelques astuces pour le faire car la sécurité XSS ne permet pas les cadres d'un site pour accéder à des cadres d'un autre site:

• site1: page1: appel iframe (site2:page1) sur site deux. Supposons que la propriété iframe ID est "myframe".

• site2: page1: exécuter JavaScript (en body.onload) pour calculer la taille de la vue actuelle (je pense que vous devriez utiliser document.scrollTop etc.). Également exécuter un iframe (site1:page2) en passant la largeur nécessaire dans la chaîne de requête.

• site1: page2: lire la chaîne de requête et trouver la hauteur demandée, la mise à jour parent.parent.document.getElementById("myframe").style.height