Les codes :


  1. 1.L’iframe :


C’est le code le plus fréquemment utilisé :


<iframe src="adressedevotrepage" frameborder="0" width="600" height="400" scrolling="no" allowTransparency="true"></iframe>



Changez dans ce code la hauteur (height="400") largeur (width="600") et l’adresse de votre page à afficher (src="adressedevotrepage").


  1. 2.Alternative à l’iframe :


On peut utiliser un autre code. Il m’a été donné par BBenj sur le forum de macgeneration.  Il suffit de mettre ce script dans un widget fragment HTML


<script language="JavaScript">

window.location="adressedevotrepage";

</script>



Remplacez adressedevotrepage par l’adresse réelle de la page que vous voulez affichée dans l’espace occupée par votre widget fragment HTML.


Inconvénients :

Vous ne pourrez pas visualiser le contenu du widget dans l’application iWeb il vous faudra publier et utiliser votre navigateur pour l’admirer sur le web.

Vous devrez redimensionner votre widget à la main. Sa dimension devant être supérieure ou égale à la partie de la page qu’il affiche


Par contre pensez à vérifier l’affichage de votre widget sur un ou plusieurs navigateur si le widget s’affiche mal, utilisez le code de l’iframe


  1. 3.Afficher une zone précise avec l’iframe :


Si par contre vous souhaitez afficher un endroit précis d’une autre page, voici le code à utiliser (par ex. pour afficher la zone  de 600 px de large et 400 px de hauteur  située à 200 px du bord gauche, et 100px du haut de la page externe) :


<iframe src="adressedevotrepage" frameborder="0"  scrolling="no" allowTransparency="true"  style="position:absolute;left: -200px;top: -100px;width:800px;height:500px;"></iframe>



L’iframe de dimension 800 px de large sur 500 px  (width:800px;height:500px;) est amputée de 200 px à gauche (left: -200px ) et 100 px en haut (top: -100px).

800 - 200 = 600 px

500 - 100 = 400 px

La surface affichée de la page externe au sein de votre widget est de 600 px x 400px, par contre le widget reste de 800 x 400, pensez donc à redimensionner manuellement le widget après avoir «appliquer» le code.


inconvénients :

Les hauteurs des pages étant le plus souvent variables d’un navigateur à l’autre, il n’est pas certains que certains navigateurs affichent la zone que vous espériez montrer (je pense surtout à Internet Explorer).

 

Commentaires   |   Accueil     Archives     Précédent     Suivant    Forum     Mon Twitter     Débuter sur Mac