Hauteur dynamique vers un Amazon aStore

Question

Il existe une question similaire ici: Resize iframe height according to content height in it. Mais il ne s'agit pas d'Amazon aStore.

Lorsque vous créez un aStore Amazon, vous obtenez un code comme:

< iframe src = "http://astore.amazon.com/AMAZON_SOME_STORE_HERE-20" width = "90%" height = "4000" frameborder = "0" scrolling = "non">

Le problème est la hauteur statique "4000". Que dois-je ajouter au code pour l'ajuster dynamiquement à la hauteur de l'aStore?

Answer 1

Je ne crois pas que vous serez en mesure de le faire en gardant cela < IFRAME>, parce que pour obtenir la hauteur du magasin, vous devez exécuter un morceau de JavaScript sur la page du magasin. Le problème est que la plupart des navigateurs ne vous permettent pas d'exécuter votre propre code JS sur d'autres domaines en raison d'attaques Cross-site scripting possibles.

Peut-être que vous pourriez essayer d'aller chercher cette page en utilisant AJAX et en insérant le contenu dans un < DIV> sur votre page. En faisant cela, gardez à l'esprit que si l'utilisateur clique sur un lien à l'intérieur du magasin, il naviguera loin de votre page, au lieu du flux "normal" dans lequel l'utilisateur clique à l'intérieur de l'iframe. calme autour d'elle.