Accueil > NTIC > Ergonomie > Navigation : liens, TagClouds, Iframe, PoPup, ... > iframe dans SPIP : inclure une page dans une autre

iframe dans SPIP : inclure une page dans une autre

lundi 16 mai 2016, par François Daniel Giezendanner

Notez cet article

La balise IFRAME se comporte comme un conteneur. L’IFRAME est utilisé pour afficher le contenu d’une page web locale ou distante, au sein même d’une autre.

L’IFRAME se comporte comme un frame normale, à part que vous pouvez en positionner un à l’endroit de votre choix dans une page.

Sommaire

`<iframe>` : inclure une page dans une autre

IFRAME signifie Inline FRAME (cadre), il est également connus comme frame « flottant » (cadre flottant).

HTML 4.0 a intégré la technique I-frame ( inline frame, cadre local flottant) introduite par Microsoft, son emploi s’est donc étendue à d’autres navigateurs.
Un frame flottant s’insère dans un document HTML comme une image ( dimensionnement et positionnement).
Il se comporte aussi comme un conteneur permettant d’afficher des pages HTML locales ou distantes.
<IFRAME> est un élément souple et puissant qui étend les possibilités de présentation.

En d’autres termes <iframe> se comporte comme un conteneur, il est utilisé pour afficher le contenu d’une page web locale ou distante, au sein même d’une autre. L’iframe se comporte comme un frame normale, à part que vous pouvez en positionner un à l’endroit de votre choix dans une page.

Attributs spécifiques de l’IFRAM

Syntax : <IFRAME>...</IFRAME>

`SRC`=URI	(URI of frame content). La source du document affiché dans l’IFRAME, une adresse absolue (http://...) ou relative.
`NAME`=CDATA	(name of frame). Attribue un nom au frame flottant.
`LONGDESC`=URI	(link to long description). Description de l’élément affiché dans le cadre.
`ALIGN`=[ top / middle / bottom / left /center / right ]	(frame alignment). Aligne un frame flottant à gauche, au centre ou à droite de l’écran.
`FRAMEBORDER`=[ 1 / 0 ]	(frame border). Détermine si le bord de l’IFRAME est visible ou non (0 pour non et 1 pour oui).
`WIDTH`=Length	(frame width). Définit la largeur de la fenêtre ouverte, pixel par défaut, sinon %.
`HEIGHT`=Length	(frame height). Définit la hauteur de la fenêtre ouverte, pixel par défaut.
`MARGINWIDTH`=Pixels	(margin width). Définit un espace horizontal entre la bordure du frame et la bordure du document.
`MARGINHEIGHT`=Pixels	(margin height). Définit un espace vertical entre la bordure du frame et la bordure du document.
`HSPACE`	détermine l’espace entre texte et frame sur les côtés verticaux.
`VSPACE`	détermine l’espace entre texte et frame sur les bords horizontaux.
`SCROLLING`=[ yes / no / auto ]	(ability to scroll). Détermine la présence des des ascenseurs (scrolling) dans l’IFRAME.
`NORESIZE`	Précise au navigateur que l’utilisateur ne peut modifier la taille du frame. Attribut sans paramètre.

Exemple

Nous voulons insérer dans la page actuelle le flux RSS du site Spip-Contrib dont l’URL est :

http://www.spip-contrib.net/spip.php?page=backend

Le code de l’ifram à placer dans le corps du texte à l’endroit de votre choix est :

<iframe name="Spip-Contrib" SRC="http://www.spip-contrib.net/spip.php?page=backend" scrolling="yes" height="800" width="100%" FRAMEBORDER="yes"></iframe>

et le résultat :