Fermer une popup au click

bonjour,
je suis nouveau sur le forum est j'ai un soucis. Je dois gérer les familles de cookies et en 2 étapes :
1) j'ai une popup sur mon site avec accepter, en savoir plus, et gérer mes cookies : https://cookieconsent.insites.com/ (j'ai utiliser ce site pour generer le code source)
2) dans ce code j'ai rajouter un ligne hypertexte pour gérer les cookies qui m'ouvre une popup (contenu dans un iframe) qui affiche les différentes familles de cookies.

Le problème c'est que quand je clic sur le lien hypertexte je n'arrive pas à fermer la popup que j'ai générer avec cookieconsent.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#efefef", "text": "#404040" }, "button": { "background": "#8ec760", "text": "#ffffff" } }, "position": "bottom-right", "content": { "message": "Le Lorem Ipsum est simplement du faux texte employ&eacute; dans la composition et la mise en page avant impression. Lffffffe Lorem Ipsum est le fauxLorem Ipsum est lesefsefs <a href='#' onclick='Famillecookiepopup();'>G&eacute;rer mes cookies</a>", "Accept": "Accepter", "link": "en savoir plus", "href": "redirection en savoir plus" } })}); </script> <iframe id="frame" width="100%" height="100%" style="top: 0; left: 0" src="popupfinal.html"></iframe>

---

Je ne peux pas faire un document.getElementById ou byClassName car la popup est un script et je ne peux donc pas pointer vers celui-ci.
Contenir le script dans une div ne ressous pas non plus mon problème ...

Je suis donc à cours de solution quelq'un pourrait-il m'aider ?


voici ma fonction quand je clic sur mon lien hypertexte :

Code:

---

1 2 3 4 5

function Famillecookiepopup() { var frame = document.getElementById("frame"); frame.style.display = "block"; }

---

Bonjour,

juste pour être pointilleux avec la terminologie : une popup, c’est ce qui s’ouvre quand tu appelles window.open (*). C’est une fenêtre, au sens système, une fenêtre du navigateur, gérée par l’OS, avec les boutons habituels réduire/maximiser/fermer.

(*) quand elle n’est pas remplacée par un onglet par le navigateur.

Ce que tu fais, si j’ai bien compris, c’est afficher un élément (en l’occurence une <iframe>) par-dessus le contenu de ta page, sans effacer ce dernier. Là le jargon est plutôt varié et il n’y a pas vraiment de consensus, mais le terme popover existe. On parle aussi de dialogue modal.

Pour réagir à ce que tu dis, effectivement on ne peut pas masquer un script, parce qu’un script n’est pas un élément visuel ; mais ta « popup » n’est pas un script, c’est une iframe. Tu dois donc sélectionner l’iframe, et pour ça, rien de plus simple puisque tu lui as donné un id.

Code:

---

document.getElementById("frame").style.display = "none";

---

Le problème majeur que tu vas rencontrer c’est que, je suppose (tu n’as pas donné le code de la page popupfinal.html, le bouton pour fermer le dialogue ne se trouve pas dans la page appelante, mais dans la page chargée par l’iframe. Il faut donc utiliser parent (ou top) pour accéder au contexte global (équivalent à window) de la page mère.

Code:

---

parent.document.getElementById("frame").style.display = "none";

---

Et cela ne marche qu’à condition que les pages appelante et appelée partagent la même origine (la fameuse same origin policy), sinon ton script ne pourra pas accéder aux objets de parent par mesure de sécurité.

Bonjour,
merci de votre réponse rapide, j'ai trouvé la solution par moi même pour finir.
En faite le script de la popup est une immense fonction et en regardant bien il crée les conteneurs au moment de l'affichage de la popup. j'ai juste eût à rajouter un id et faire un document.getelementbyid(id).style.display = "none;.

merci quand même de votre réponse