Oui, je sais, il y a une réponse à la même question sur le 22may (il y a une semaine), mais j'ai essayé la même solution, il est spécifié avant le "appel" réel à le script toastr, j'ai même essayé avec les deux: et = mais je ne peux pas résoudre le problème.Toastr ne suivra pas les options
Le premier code est la page entière, y compris le script «vérifier si un cookie est défini, sinon, afficher toastr et définir un cookie».
Celui-ci fonctionne, sauf les "options". Il affiche 2 toastr sur l'écran
<!DOCTYPE html><html><head><meta charset=utf-8>
<link href="https://my.site.se/js/toastr.css" rel="stylesheet" type="text/css" />
<script src= "https://my.site.se/js/jquery-3.2.1.js"></script>
<script src="https://my.site.se/js/toastr.js"></script>
<!-- createCookie funktion -->
<script>
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
</script>
<script>
<!-- see if the i agree cookie is set, else send them to the info page -->
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
toastr.options = {
"closeButton": true,
"debug": false,
"newestOnTop": false,
"progressBar": true,
"positionClass": "toast-top-left",
"preventDuplicates": false,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
}
$(function() {
toastr.options.closeButton: true;
toastr.options.progressBar=true;
toastr["error"]("We use Cookies!","Cookies!")
});
$(function() {toastr["info"]("We have now created a cookie that prevents this information from being displayed again, unless you remove the cookie of course\n Read the terms page for more info\n To delete ALL your cookies, press the delete cookies button!")});
}
</script>
</Head>
<body>
<script>
readCookie('acceptterms');
</script>
<script>
createCookie('acceptterms','yesIdo',3650);
</script>
Le code est dans la tête, si je le place dans le corps, il ne fonctionnera pas du tout, j'ai même essayé:
$(function() {toastr.option.progressBar= true;
toastr["error"]("We use Cookies!","Cookies!")
});
J'ai aussi essayé de régler le
toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": true, "positionClass": "toast-top-left", "preventDuplicates": false, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }
Dans le corps .. et quelques je ne peux même pas me souviens maintenant .. Je ne peux pas comprendre pourquoi il est si difficile de mettre e Options e ...
Il serait plus facile si les options peuvent être modifiées dans le script lui-même, mais il y en a, je ne peux pas trouver là-dedans ..