# Inclure une iframe à un site web

Ci dessous, un guide pour inclure les pages dans un site externe sous forme d'iframe.

#### Pré-requis :

Vous devez inclure à votre page le fichier suivant:
[iframeResizer.min.js](https://raw.githubusercontent.com/davidjbradshaw/iframe-resizer/master/js/iframeResizer.min.js)

    <script type="text/javascript" src="https://raw.githubusercontent.com/davidjbradshaw/iframe-resizer/master/js/iframeResizer.min.js"></script>


## Iframe 'Recherche des structures'

Pour inclure cette iframe, ajoutez le code suivant à votre page:

    <iframe
            src="https://frames.opentalent.fr/structures/?parent=[id]&theme=[color]&view=map"
            referrerpolicy="strict-origin"
            style="border: none;width: 100%;max-width: 100%;height: 3600px;"
            onload="iFrameResize()"
    ></iframe>

Remplacez `[id]` par l'id de votre organisation

Remplacez `[color]` par le thème adapté à votre page (options: *blue*, *green*, *grey*, *light-blue*, 
*light-red*, *orange*, *purple*, *red*)

(optionnel) Vous pouvez changer l'affichage par défaut en modifiant l'option 'view' (options: *map*, *list*)


## Iframe 'Agenda des événements'

Pour inclure cette iframe, ajoutez le code suivant à votre page:

    <iframe
            src="https://frames.opentalent.fr/events/?organization=[id]&theme=[color]"
            referrerpolicy="strict-origin"
            style="border: none;width: 100%;max-width: 100%;height: 3600px;"
            onload="iFrameResize()"
    ></iframe>

Remplacez `[id]` par l'id de votre organisation

Remplacez `[color]` par le thème adapté à votre page (options: *blue*, *green*, *grey*, *light-blue*,
*light-red*, *orange*, *purple*, *red*)