2010-12-12 62 views
0

Je viens de créer un tshirt shop à mettre sur mon propre site. Une société appelée spreadshirt.co.uk (ci-après "SS") gère le magasin. Ils me permettent d'intégrer leur boutique sur mon site via un iframe, et puisqu'ils permettent au CSS d'être entièrement personnalisable par le biais de leur panneau d'administration, je l'ai très bien intégré à mon site. Le seul attrape est l'iframe - je l'ai réglé à 2000 pixels de haut en ce moment (juste pour les pages les plus longues). Je préférerais qu'il soit redimensionné pour chaque page, mais je m'attends à ce que ça soit "dur", donc ça ne dérangeait pas.iframe cross-site: "Vérifié par VISA"

De toute façon, je viens de mettre la page en direct, et mettre une commande de test à travers elle. Tout est bon, jusqu'à ....

... la page "Vérifié par VISA". Ce motherhubbard arrive juste à la fin du processus de commande, et le HTML qu'il contient place le petit dialogue verticalement dans mon iframe. C'est à dire. près de 1000 pixels en haut - ce qui rend les utilisateurs moins avertis pensent que la page n'a pas été chargée (tout ce qu'ils peuvent voir sans défiler vers le bas est un fond blanc). Je ne peux pas personnaliser le CSS sur cette page comme je peux les pages SS, car cette page n'est pas servie par SS.

Des idées intelligentes ???

Merci beaucoup aux gens!

Je vais mettre un lien vers mon site si les gens veulent le voir, mais supposé que cela pourrait être vu comme spam et mal vu.

+0

S'il vous plaît, ajoutez le lien. De cette façon, nous pouvons voir ce qui se passe. –

+0

Ah, il me vient à l'esprit que je peux juste vérifier le src de l'iframe, et si ce n'est pas l'adresse du magasin, je vais réduire la hauteur du cadre. Simple! – Codemonkey

+0

Hmm, pas si simple. L'attribut "src" n'est pas mis à jour lorsque vous naviguez dans l'iframe, évidemment. Je n'y ai pas réfléchi et je pensais que ce serait le cas. – Codemonkey

Répondre

0

Je ne traite pas trop les iframes car je les déteste, mais je pense que vous pouvez toujours écrire sur ce document en utilisant javascript. Raison que je dis peut-être parce que son domaine croisé, mais il devrait encore fonctionner.

Vérifiez ce post sur Resizing an iframe based on content

Vous pouvez également consulter Resizing iframe to fit its content

et un script jquery: http://www.lost-in-code.com/programming/jquery-auto-iframe-height/

Encore une fois, je ne sais vraiment pas si cela va fonctionner sur un site Web inter-domaine.

+0

cour. last link: Veuillez noter que ce plugin jQuery autoHeight ne fonctionnera pas avec les iFrames qui accèdent à du contenu provenant d'un domaine différent ou d'un emplacement distant – knb