Site externe

Si vous vous occupez d’un site en dehors de LionsBase (p. ex. votre site de multi district), vous souhaiterez peut-être importer et montrer du contenu issu de LionsBase. C’est par exemple le cas avec la liste des clubs, les futurs événements ou les actions sociales.

Il y a fondamentalement deux possibilités pour atteindre ce but :

  1. Import raw data using the LionsBase Web Service API
  2. Intégrer les pages générées depuis LionsBase

Nous allons décrire une façon d’intégrer les pages générées. Les différentes étapes sont :

  1. Choisir un club LionsBase existant pour préparer les pages devant être intégrées à votre site externe (p. ex. votre-nom-de-club.domaine.tld)
  2. Utiliser un gabarit vide pour la page afin d’empêcher les éléments de mise en page LionsBase tels que le menu de navigation et la bannière de club d’être générés, et donc de ne montrer que le contenu formaté
  3. S’assurer que la page est masquée dans le menu de navigation de votre site LionsBase
  4. Utiliser une iframe dans votre site externe et référencer votre page

Utiliser un gabarit vide

Veuillez vous référer au chapitre Changer le gabarit d’une page et choisissez un gabarit vide.

Préparez votre page dans TYPO3 comme d’habitude, en utilisant des éléments de contenu de type texte, images ou des plugins.

Masquer une page dans le menu de navigation

Lorsque vous éditez votre page, ouvrez l’onglet « Accès » et cocher la case « Masquer dans les menus » :

Access tab allowing pages to be hidden in menus

Cela garantit que la page est accessible quand on connaît son URI mais qu’elle n’apparaîtra pas dans le menu de navigation du site LionsBase correspondant

Utiliser une iframe

Avant tout vous devez connaître l’ID de la page que vous voulez référencer. Une façon de récupérer cet ID est d’éditer la page en question et de regarder en bas à droite de la zone des onglets, comme n’importe quel autre enregistrement dans TYPO3 :

The ID is shown when editing a page or a record

Dans ce cas, c’est « 702 ». Comme votre site est accessible depuis https://votre-nom-de-club.domaine.tld (p. ex. https://salzburg.lions.at), la page avec l’ID 702 est accessible depuis https://votre-nom-de-club.domain.tld/index.php?id=702.

Maintenant ouvrez votre site externe et insérez un bout de code HTML :

<iframe width="100%" id="myFrame" src="https://your-club-name.domain.tld/index.php?id=702" scrolling="no" frameborder="0">
        An iframe capable browser is required to view this page.
</iframe>

Le fait d’avoir l’attribut ìd= »myFrame »` vous permet de redimensionner la hauteur de l’iframe dynamiquement, au besoin, en utilisant quelques lignes de JavaScript dans la section « head » de votre page :

<script type="text/javascript">
<!--//
function sizeFrame() {
        var F = document.getElementById("myFrame");
        if (F.contentDocument) {
                F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome
        } else {
                F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome
        }
}
window.onload = sizeFrame;
//-->
</script>

Si vous ne voulez pas faire ceci, assurez-vous alors de renseigner un attribut « height » à la place.

Documentation created using Sphinx 1.8.3 and integrated in TYPO3 with restdoc.