Fixer taille contenu <object>

**Mangacker** · 13/07/2010, 14h39

Hello tout le monde,

voici le contexte :
j'ai une page html dans laquelle je veux afficher le contenu d'un autre site internet j'ai donc utilisé la balise <object> jusque là pas de problème.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<object id="frame" data="http://www.mon-site.ch" type="text/html" />

le problème, c'est que je n'ai que 800px de large à disposition pour mon <object>. le site mon-site.ch était un peu plus grand, j'ai une scrollbar qui apparaît en bas de mon <object>.

y a-t-il un moyen pour forcer la taille du contenu de mon <object> à 800px par exemple..

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<object id="frame" tailleMaxDuContenu="800px" 
data="http://www.mon-site.ch" type="text/html" />

ou encore :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<object id="frame" tailleMaxDuContenu="80%"
data="http://www.mon-site.ch" type="text/html" />

si quelqu'un a une idée..

merci
tim

**polymorphisme** · 13/07/2010, 16h59

Bonjour,

l'élément object admet l'attribut width, ce qui te permet de fixer une largeur.

Ensuite pour faire en sorte que le contenu cadre avec le conteneur,
de façon à ne plus avoir de scrollbar, c'est possible, mais je ne connais
pas les détails de cette technique.

**Mangacker** · 13/07/2010, 17h03

Envoyé par polymorphisme

pour faire en sorte que le contenu cadre avec le conteneur, de façon à ne plus avoir de scrollbar, c'est possible, mais je ne connais pas les détails de cette technique.

c'est exactement de ça dont j'ai besoin..

**eckerdecker** · 16/07/2010, 17h15

Envoyé par polymorphisme

faire en sorte que le contenu cadre avec le conteneur, de façon à ne plus avoir de scrollbar, c'est possible

Moi ça me semble franchement compromis, ton object affiche un autre site, si celui-ci n'a pas été conçu de manière à s'adapter à la largeur du navigateur, quelque soit la manière, tu ne pourra pas d'un coup de baguette magique le forcer à faire ça. Ou alors faut m'expliquer ...

**Mangacker** · 16/07/2010, 17h27

Envoyé par eckerdecker

Moi ça me semble franchement compromis, ton object affiche un autre site, si celui-ci n'a pas été conçu de manière à s'adapter à la largeur du navigateur, quelque soit la manière, tu ne pourra pas d'un coup de baguette magique le forcer à faire ça. Ou alors faut m'expliquer ...

ce que je voudrais, c'est par exemple, qu'il s'adapte automatiquement (même si il devient un peu moche).

exemple :
mon site fait 800px de large et je n'en ai que 600 à lui offrir donc, il fait * 80% et pour (c'est là la baguette magique

) il passe à l'intérieur..

ça semble réalisable??

**eckerdecker** · 16/07/2010, 18h02

Oui, en modifiant le site que tu mets dans ton object.

Plus sérieusement, je ne connais pas bien la balise object, je ne sais pas à quel point tu peux accéder à son contenu. Mais, en affichant ton site dans une iframe plutôt qu'un object, je sais que tu peux accéder au DOM du contenu et le tripatouiller avec javascript, et là t'as plus qu'à relever les manches et faire ce qu'il faut pour que le site passe en 600px. Suivant la conception du site que tu mets dans l'iframe ça peut être très rapide comme ça peut être impossible

. En tout cas pour le coup de baguette magique tu peux toujours rêver

Avec cette syntaxe, depuis la page mère (là où se trouve l'iframe)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.frames[0].document

(0 si tu n'as qu'une seule iframe) tu accèdes à l'objet document du site embarqué dans l'iframe. A partir de là tu n'as plus qu'à faire tous les changements qui sont nécessaires à faire tenir le site dans la largeur que tu souhaites.

Courage