Search jQuery

jQuery Forum

simon.h.n..

Detect url and save it in cookie

in Using jQuery • 2 years ago

Hello

I want to detect if a user is coming from a given url. If he is, the url is stored in a cookie and a div is displayed in top of the pages when he navigates around the site.

How do I do that?
I have downloaded jquery cookie plugin

Replies(11)

enraged1

Re: Detect url and save it in cookie

2 years ago

use document.referrer

simon.h.n..

Re: Detect url and save it in cookie

2 years ago

Can you be a little more precise? I dont know completely where to start this

enraged1

Re: Detect url and save it in cookie

2 years ago

well the way I imagine one would do this would be to

1.Save document.referrer to a variable and substring it to get the part you want to match.
2. Match it to your selected url and if it matches then save the cookie and set the title.

simon.h.n..

Re: Detect url and save it in cookie

2 years ago

I have been playing around with it but dont know how to get further than this:

if (!document.referrer)
var matches = document.referrer.match("?ref");

enraged1

Re: Detect url and save it in cookie

2 years ago

I'd do it something like this

: $(document).ready(function() { if (!$.cookie("urlCookie")) { var url = document.referrer; var match = url.indexOf("localhost"); if (match != -1) { $.cookie("urlCookie", url); $("#title").html(url); } } else { $("#title").html($.cookie("urlCookie")); } });

: <h1 id="title"></h1>

simon.h.n..

Re: Detect url and save it in cookie

2 years ago

It seems to work.

Actually what I want to achieve is that when you come from "localhost", a cookie is stored and <h1 id="title"></h1> is visible on all pages on the site you landed on.

enraged1

Re: Detect url and save it in cookie

2 years ago

that's a question of design I guess. You could have an empty div at the top of every page that you insert the h1 into if there is a referrer or a cookie.

simon.h.n..

Re: Detect url and save it in cookie

2 years ago

But what does the code look like? I have tried this but it only works on the first page you land on.

: if (!$p.cookie("urlCookie")) { var url = document.referrer; var match = url.indexOf("?ref"); if (match != -1) { $p.cookie("urlCookie", url); $p("#title").show(); } } else { $("#title").html($.cookie("urlCookie", url)); }

: <h1 style="display:none;" id="title">test</h1>

enraged1

Re: Detect url and save it in cookie

2 years ago

My guess is that if (!$p.cookie("urlCookie")) { always returns false which means you overwrite your cookie every time the page refreshes regardless of whether there is a referrer or exists a cookie.

simon.h.n..