6 févr. 10
6 févr. 10
Afficher une autre page

Voici deux astuces pour afficher le contenu d’une page non générée par iWeb apparaisse en lieu et place d’un widget HTML. La première est l’iframe, la seconde est le remplacement de la page de widget par une autre

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").
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
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).
Liens :

Pages concernant iWeb :
Autres pages utiles :


