Merge pull request #554 from BuyukCem/master

Close PopUp with Cross

css/tarteaucitron.css

@@ -880,4 +880,4 @@ span.tarteaucitronTitle.tarteaucitronH3 {
 
 .display-none {
     display: none;
-}
+}

tarteaucitron.js

@@ -218,7 +218,8 @@ var tarteaucitron = {
                 "privacyUrl": "",
                 "useExternalCss": false,
                 "useExternalJs": false,
-                "mandatory": true
+                "mandatory": true,
+                "closePopup": false
             },
             params = tarteaucitron.parameters;
 
@@ -277,7 +278,6 @@ var tarteaucitron = {
                     }
                     document.getElementsByTagName('head')[0].appendChild(customThemeMiddle);
                 }
-
                 var body = document.body,
                     div = document.createElement('div'),
                     html = '',
@@ -578,6 +578,19 @@ var tarteaucitron = {
                         }
                     }, 1500);
                 }
+                if(tarteaucitron.parameters.closePopup === true){
+                    let element = document.getElementById('tarteaucitronAlertBig');
+                    let span = document.createElement('span')
+                    span.textContent = 'X';
+                    span.style.cssText = 'position:absolute; color: #FFFF; font-size:2rem; cursor: pointer; top: 10px; right: 26px';
+                    span.setAttribute('id', "clossCross")
+                    element.insertBefore(span, element.firstElementChild)
+                    document.getElementById("clossCross").onclick = () =>{
+                        tarteaucitron.userInterface.closeAlert();
+                    }
+                }
+
+
 
                 // add a little timeout to be sure everything is accessible
                 setTimeout(function () {

test.html

@@ -0,0 +1,15 @@
+<div>
+    <p>AZ</p>
+    <div id="tarteaucitronAlertBig" class="tarteaucitronAlertBigTop" style="display: block; opacity: 1;"><span
+
+            id="tarteaucitronDisclaimerAlert">
+    Ce site utilise des cookies et vous donne le contrôle sur ceux que vous souhaitez activer   </span>
+        <button type="button" class="tarteaucitronCTAButton tarteaucitronAllow" id="tarteaucitronPersonalize2"><span
+                class="tarteaucitronCheck"></span> OK, tout accepter
+        </button>
+        <button type="button" class="tarteaucitronCTAButton tarteaucitronDeny" id="tarteaucitronAllDenied2"><span
+                class="tarteaucitronCross"></span> Interdire tous les cookies
+        </button>
+        <button type="button" id="tarteaucitronCloseAlert"> Personnaliser</button>
+    </div>
+</div>