Par rapport à tout ce qui a été écrit par la communauté Wiki et qui m’a bien aidé, je souhaitais résumer par mon premier “totu” euh pardon

« tuto » (je ne suis pas très à l’aise encore avec ces termes )

La manière de programmer le bandeau CNIL sur un SITE RESPONSIVE d’Openelement

1)  télécharger

Le zip de cookiechoices.js à l’adresse https://www.cookiechoices.org/cookiechoices.zip

Puis extraire cookiechoices.js

Pour enfin placer cookiechoices.js et le fichier licence qui va avec à la racine du répertoire où est le site, ce dans un dossier dédié.

2)  Dans la partie startbody ou endbody peu importe, inclure ce script

En format html dans la page index et dans la page du menu rétractable

<script type="text/javascript" src="cookiechoices.js"></script>

<script>

  document.addEventListener('DOMContentLoaded', function(event) {

    cookieChoices.showCookieConsentBar('En poursuivant votre navigation sur notre site vous acceptez l\'utilisation de cookies afin de nous permettre d\'améliorer votre navigation',

      '[J\'accepte]', '[En savoir plus]', 'http://www.index.htm#aX);

// X étant le numéro de la page « a » attachée à l’index

  });

</script>

3)  Afin que le message s’affiche à la fois sur la page du menu rétractable mais aussi sur la page index, inclure dans la page index

Un bloc de code CSS tout simple à savoir

#cookieChoiceInfo {z-index:1000000 !important; }

En effet, sans ce code CSS intégré, vous passerez comme moi une journée à comprendre pourquoi le bandeau s’affiche sur la page du menu rétractable et pas sur la page d’accueil – ce qui est tout de même gênant quand on sait que ce bandeau est obligatoire –

En espérant que ce résumé emmène sa pierre à l’édifice qui est déjà bien haut en ce qui concerne la programmation du bandeau CNIL…

PS : Je vais par contre avoir du mal pour afficher le site sur tablette avec safari mais ... on va essayer !