Helloy folks,
Intro
I have to create a website with a navigation point that has an anchor-href, which - no matter where - redirects me towards the index page and down to the anchor. I am trying to solve this problem via javascript.
My Problem:
I wrote a javascript, that creates a cookie if you click on the menu point 'philosophy' and redirects the user towards the index page (FYI the anchor point is on the index page). The problem is, that something seems to go wrong with the cookies. If I am not on the index page and click on the 'philosophy' link in the navbar it redirects me towards the index page but doesn't scroll down to the anchor. If I am on the index page and click twice on the philosophy menu point the code executes properly. It is hard to understand.
The Code
$('.menucategory-4').on('click', function onClick() {
/* Set-Up Expire-Date for Cookie */
var now = new Date();
var time = now.getTime();
time += 1000 * 6000 //expire after 100 Minute
now.setTime(time);
/* Creates Cookie onClick 'Philosophie' and sets Expiredate */
storage = document.cookie = 'progress=philosophie;' +
'expires=Thu, 01 Jan 2900 00:00:00 GMT';
console.log(location);
console.log(document.cookie);
});
/* On Load check if Cookie exists */
$.subscribe('plugin/swEmotionLoader/onLoadEmotionFinished', function(me) {
if (document.cookie.indexOf('philosophie') >= 0) {
document.getElementById('philosophie').scrollIntoView();
document.cookie = 'progress=philosophie; expires=Thu, 01 Jan 1970 00:00:00 GMT';
console.log("Cookie available");
console.log(document.cookie.indexOf('philosophie'));
} else {
console.log("Cookie not available");
console.log(document.cookie.indexOf('philosophie'));
}
});
The Console Log (if code successfull)
Location → http://www.tanja-walker.de/
x-ua-device=desktop; __csrf_token-1=9aLkk4kGM1xa3ob3BwnxFm6jJE3td5; progress=philosophie
Cookie available
-1
The Console Log (if code unsuccesffull)
Location → http://www.tanja-walker.de/news/
progress=philosophie; x-ua-device=desktop; __csrf_token-1=9aLkk4kGM1xa3ob3BwnxFm6jJE3td5
Cookie not available
-1
General Question(s)
What is the actual problem? Does the onClick-function not execute correctly. Do the cookies not save correctly? The point, that it works if I hit the philosophy navigationpoint twice on the index page the cookie is absolutely confusing, because it proves that the code is "kind of" correct.
I appreciate every help. Thank you in advance, Max K.
Edit:
Sorry forgot to mention that. It is some kind of $(document).ready for the framework the website is based on because the page loads dynamically and if I just use $(document).ready document.getElementById() doesn't execute properly.