J'ai commencé à le faire, mais je dois reconnaître que les OBJECT sont moins faciles et moins souples que les IFRAMES.
Voici quelques exemples pêle-mêle...
ALTERNATIVE IFRAME vs OBJECT avec TEXTE
Voir aussi http://www.w3schools.com/tags/tag_object.asp
<object data="http://meteo-weather-2.blogspot.com/" height="500" type="text/html" width="100%">alt : <a href="http://meteo-weather-2.blogspot.com/">test.html</a></object>
<object data="http://meteo-weather-2.blogspot.com/" type="text/html" width="300" height="200">
Vous pouver spécifier des paramètres relatifs au document par l'intermédiaire de la balise param. IE a parfois besoin du paramètre src pour localiser correctement la source.
Incorporer un document wav
<object type="audio/x-wav" data="data/test.wav" width="200" height="20">
<param name="src" value="data/test.wav">
<param name="autoplay" value="false">
<param name="autoStart" value="0">
alt : <a href="data/test.wav">test.wav</a>
</object>
Le paramètre autoplay est compréhensible par QuickTime, autoStart par Windows Media Player et Real Audio.
note : IE rajoute une scrollbar verticale disgracieuse lors de l'insertion d'un object html, même si ce n'est pas nécessaire. Elle peut être supprimée en insérant le style css suivant dans le document HTML contenu :
html { overflow:auto; }
De même, pour supprimer la bordure "en creux", on peut rajouter dans le document contenu la css :
html { border: none; }
LAYER décalé (couche) avec un DIV et un OBJECT
<div name="essai" style="position: absolute; top: -50px; left: -50px; visibility : visible;z-index : 1;"><p><object data="http://www.ssd.noaa.gov/goes/east/tatl/flash-avn.html" height="610" type="text/html" width="1000"></object></p></div>
Autre (Exemple de page; pas encore essayé)
LAYER décalé (couche) avec un DIV et un OBJECT
<div name="essai" style="position: absolute; top: -50px; left: -50px; visibility : visible;z-index : 1;"><p><object data="http://www.ssd.noaa.gov/goes/east/tatl/flash-avn.html" height="610" type="text/html" width="1000"></object></p></div>
Autre (Exemple de page; pas encore essayé)
<html>
<head><title>Ma page locale</title>
<style type="text/css">
<!-- .scroll {
height: 500px;
width: 400px;
overflow: scroll;
} -->
</style>
</head>
<body>
<center><h2>Titre H2(G2) local</h2></center>
<p>Du texte local</p>
<div class="scroll"><? include ("http://www.site.ailleurs.fr"); ?></div>
<div>Re du texte ou quoi que ce soit</div>
</body>
</htm>
Aucun commentaire:
Enregistrer un commentaire