Chargement du contenu et ajout de styles

Question

Je sais que cela ne peut pas être fait avec les iFrames ou la fonction de chargement jQuery par défaut, donc je cherche une solution de contournement ou un concept qui fonctionnerait mieux.

Nous devons charger un iframe pour afficher un processus d'extraction (long story) et le contenu d'iFrame est trop large. Sans le faire défiler, y a-t-il un moyen de cacher une partie du contenu ou de redimensionner le contenu interne pour adapter 900px de contenu dans une boîte de 600px de large?

Je ne suis pas sûr s'il y a une seule option ou pas, sinon nous pourrions avoir à superposer dans une boîte à lumière, mais ce n'est pas idéal pour nous.

EDIT: Je suppose que ce que je cherche est une configuration multi-navigateur qui me permet de charger le contenu d'un emplacement externe dans un DIV qui contient des liens actifs, etc. Probablement pas possible?

Answer 1

Je suis sûr qu'un tel changement drastique à la mise en page de la page que vous chargez dans les questions de conception présente iframe. Mais en supposant que vous sachiez comment rendre cette page un peu plus étroite, et en supposant que vous serviez l'iframe du même domaine que la page parente, vous pouvez configurer une autre feuille de style et l'ajouter au document iframe .

Dans le document parent (non testé):

var framedoc = frames['your_frame'].document; 
var framedoc_head = $(framedoc).find('head'); 
$('<link/>', { 
    rel : 'stylesheet', 
    type: 'text/css', 
    href: '/your_narrower_style_sheet.css' 
}) 
.appendTo(framedoc_head);