[insertion de pages html dans d'autres pages]

Version imprimable

07/03/2006, 11h59
Patriarch24

[insertion de pages html dans d'autres pages]

Bonjour a tous !

J'ai une question et malgré mes recherches, je n'ai toujours pas de reponses satisfaisantes.

Je souhaite insérer une page html dans une autre, et voici les conditions :

-- pas de frames (ni de iframes)
-- je souhaite utiliser la balise object et css pour la mise en forme
-- je voudrais que la page soit centrée horizontalement, et surtout affichée sur une hauteur que je definis moi meme (pour le moment, ca m'affiche la page sur une hauteur minuscule...)
-- xhtml 1.0 strict seulement.

Si quelqu'un a des idées, je suis preneur.
07/03/2006, 12h04
franculo_caoulene

Salut,

T'as un exemple en ligne?
07/03/2006, 12h52
Patriarch24
c'est bon j'ai trouvé... jsuis trop bete des fois :p il suffisait de mettre une propriété height, et surtout de mettre une balise fermante
Code:

1 2 <object></object>
au lieu de
Code:

1 2 <object />
qui marche en figeant la hauteur. Mea culpa...
07/03/2006, 13h48
SpaceFrog

intéressant cette utilisation de la balise object ...
tu aurais un bout de code stp ?
07/03/2006, 14h03
Patriarch24

Bien sur :

http://www.emi.u-bordeaux1.fr/~cdelmas/menu.html

Par ailleurs, si tu sais comment on peut a partir des liens que j'ai dans mon menu, comment je peux changer le data de l'object (en clair, charger une autre page a la place de l'agenda, en conservant le menu, et la meme url), cela pourrait etre cool ;)

J'ai regardé pour une solution en javascript, mais j'ai pas encore trouvé ;)
07/03/2006, 14h08
franculo_caoulene

Classe! Pour le changement de lien regarde du coté du DOM à utiliser en javascript. Fais une recherche dans le forum javascript.

Juste une question :
est ce que quelqu'un sait pourquoi ceci ne fonctione pas
Code:

1 2 3 4 5 <object style="height:50%; width:50%"> <param name="type" value="text/html" /> <param name="data" value="aa.htm" /> </object>

pour ce qui est de la modification dynamique du data ça me semble compromis, il faudrait u nacces serveur depuis le client une fois la page chargée ...

une tentative avec un preload ne donne pas beaucoup mieux ...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script type='text/javascript'> var newpage= new Object() newpage.data="aa1.htm"; </script> </head> <body> <object id="obj1" data="aa.htm" type='text/html' style="height:50%; width:50%"> </object> <input type="button" onclick="document.getElementById('obj1').data=newpage.data; alert(document.getElementById('obj1').data)" /> </body> </html>