Доброго времени суток форумчане! Помогите пожалуйста с решением моей проблемы, мне необходимо добавить кнопочку на закрытие окна согласия на обработку куков. Сейчас код вот такой
<?php defined( '_JEXEC' ) or die;
$document = JFactory::getDocument();
$modulePath = JURI::base() . 'modules/mod_st_cookie/tmpl/';
$agreecookie = $params['agreecookie'];
$agreetext = $params['agreetext'];
$agreecolor = $params['agreecolor'];
$agreecolorhov = $params['agreecolorhov'];
?>
<div id="cookieBanner">
<div class="cookieContent">
<span class="cookieText"> <?php echo $agreecookie;?> </span>
<span class="cookieButton">
<div id="acceptCookies" onclick="document.getElementById('cookieBanner').style.display='none';jQuery.cookie('hiderolikmodal', true, {expires: 1, path: '/'});"><?php echo $agreetext; ?></div>
</span>
</div>
</div>
<style>
#cookieBanner {position: fixed;width: 100%;background-color:rgba(0, 0, 0, 0.86);left: 0;bottom: 0;z-index: 300;color: #fff;display: none}
#acceptCookies {display: inline-block;background-color: <?php echo $agreecolor; ?>;color: #fff;text-decoration: none;padding: 6px 18px;text-align: center;border-radius: 18px;font-weight: bold;}
#acceptCookies:hover{cursor: pointer;background-color: <?php echo $agreecolorhov; ?>}
.cookieContent {margin: 0 auto;width: 928px;padding: 10px 25px; font-size: 13px;color: #fff;}
.cookieText {display: inline-block;width: 80%;line-height: 16px;cursor: default;}
.cookieButton {padding: 10px 0;display: block;float: right;}
@media (max-width: 991.98px) {.cookieContent {width: 768px;}}
@media (max-width: 800px) {.cookieContent {width: 600px;}}
@media (max-width: 628px) {.cookieContent {width: 100%;}.cookieText {display: block; margin-bottom: 10px;}.cookieButton {/*float: none;*/ float: right; margin-right: 20%; margin-bottom: 5px;}}
</style>
<script>
jQuery.cookie=function(e,i,r){if("undefined"==typeof i){var p=null;if(document.cookie&&""!=document.cookie)for(var u=document.cookie.split(";"),c=0;c<u.length;c++){var m=jQuery.trim(u[c]);if(m.substring(0,e.length+1)==e+"="){p=decodeURIComponent(m.substring(e.length+1));break}}return p}r=r||{},null===i&&(i="",r.expires=-1);var o="";if(r.expires&&("number"==typeof r.expires||r.expires.toUTCString)){var n;"number"==typeof r.expires?(n=new Date,n.setTime(n.getTime()+24*r.expires*60*60*1e3)):n=r.expires,o="; expires="+n.toUTCString()}var t=r.path?"; path="+r.path:"",s=r.domain?"; domain="+r.domain:"",a=r.secure?"; secure":"";document.cookie=[e,"=",encodeURIComponent(i),o,t,s,a].join("")};
jQuery(function() {
if (!jQuery.cookie('hiderolikmodal')) {
var delay_popup = 1000;
setTimeout("document.getElementById('cookieBanner').style.display='block'", delay_popup);
}
});
</script>
Мне необходимо чтоб у пользователя был выбор закрыть или согласится.
