Redirect if cookie exists jquery/html

Question

Trying to make a window.onload "if logged in redirect to /premium" script.

<script>
$( window ).on( "load", function() {
  if (!!$.cookie(Sentry_firstName)) {
    $(location).attr('/premium',url);
  }
}
</script>

This does not work when pasted into .HTML any ideas? Dont need backend. can have it all in HTML. And have i read the cookie key right? Cookie source HERE

By the source of this, it doesn't look like a jQuery plugin. — Taplar, Aug 03 '17 at 17:09
source is only to show cookie keys. I am logged in and i dont get redirected to /premium. — Balleleif, Aug 03 '17 at 17:10
Are you using [this](https://github.com/carhartl/jquery-cookie) plugin? — henrique romao, Aug 03 '17 at 17:10
Did you forget quotes around Sentry_firstName, or is that variable declared somewhere that you're not showing? — Bobby Speirs, Aug 03 '17 at 17:12
And there is a missing parenthesis to close the `.on` method. — Louys Patrice Bessette, Aug 03 '17 at 17:14
For starters tell us what errors are thrown in your browser console — charlietfl, Aug 03 '17 at 17:14

jeremy-denis · Answer 1 · 2017-08-03T17:43:59.617

2

To test if a cookie exist you can use javascript:

if (document.cookie.indexOf('Sentry_firstName') > -1 ) {

your code become :

<script>
$(document).ready(function(){
  if (document.cookie.indexOf('Sentry_firstName') > -1 ) {
    window.location = '/premium';
  }
});
</script>

edited Aug 03 '17 at 17:43

answered Aug 03 '17 at 17:10

jeremy-denis

6,368
3
18
35

There is a `{` missing at the end of the condition and a `)` to close the `.on()`. – Louys Patrice Bessette Aug 03 '17 at 17:21
Ah... And also, the `attr()` arguments are inversed... Should be `.attr( attributeName, value )`. – Louys Patrice Bessette Aug 03 '17 at 17:22
: $ is not defined on line 1 of script – Balleleif Aug 03 '17 at 17:23
@Balleleif: It means jQuery lib isn't loaded. – Louys Patrice Bessette Aug 03 '17 at 17:24
one preriquisis is to have jquery @Louys Patrice Bessette i fix all normally – jeremy-denis Aug 03 '17 at 17:24
oh. thats weird, i have both of theese in my html. – Balleleif Aug 03 '17 at 17:25
Type `$.fn.jquery` in the console and look if the jQuery version is returned. It should output `3.2.1` – Louys Patrice Bessette Aug 03 '17 at 17:26
$.fn.jquery "3.2.1" – Balleleif Aug 03 '17 at 17:28
are you sure that the code is call after the jquery load ? https://stackoverflow.com/questions/2194992/jquery-is-not-defined – jeremy-denis Aug 03 '17 at 17:29
1

Wrap your code with `$(document).ready(function(){` and `});` instead of `$( window ).on( "load", function() {` – Louys Patrice Bessette Aug 03 '17 at 17:29
it is not. will test – Balleleif Aug 03 '17 at 17:30
@louys Your swap gave no errors, but i do not get redirected. – Balleleif Aug 03 '17 at 17:38
Does the if condition run ? – jeremy-denis Aug 03 '17 at 17:39
loll... I just saw it... You pretty had all possible syntax errors! change `$(location).attr(url,'/premium');` to `window.location = '/premium';` – Louys Patrice Bessette Aug 03 '17 at 17:41
@Jeremy How do i see that? sorry, new at this. – Balleleif Aug 03 '17 at 17:41
@ Louys : what do you think about : $(location).attr('href',"/prenium"); @ Ballelief : normally it's in your browser in chrome it's native and in firefox mozilla help – jeremy-denis Aug 03 '17 at 17:43
Damn. This script lets the page load before redirected. is there a way to make it redirect before page load? – Balleleif Aug 03 '17 at 17:44
@Ballelief : put the jQuery-Script tags at the end of the document. – jeremy-denis Aug 03 '17 at 17:45
@Balleleif: You should do this server side for a redirect before load... No client side script can execute before at least the scripts are loaded and the cookie is read... – Louys Patrice Bessette Aug 03 '17 at 17:45
Software based website, with flask. Can only have access to a custom.js file that i can modify, and i have no idea how to add it there to comply to the html. – Balleleif Aug 03 '17 at 17:47
where are done the include like – jeremy-denis Aug 03 '17 at 17:52
That script is on the bottom of the html Jeremy – Balleleif Aug 03 '17 at 17:56
ok... Then set the page `body` hidden in CSS: `body{ display:none;}` then add an `else` to your condition... Which would be `$("body").css({"display":"block"});` --- The page will load, but user won't see it if it has to be redirected. – Louys Patrice Bessette Aug 03 '17 at 17:58

score 0 · Answer 2 · answered Aug 03 '17 at 17:56

Thanks all for the replies. This worked:

 <script>
      $(document).ready(function(){
        if (document.cookie.indexOf('COOKIEKEY') > -1 ) {
        window.location = 'URL';
            }
            }); 
</script>

However. Page loads and reset settings before re-entering location "URL". Back end modification to already made .JS file and how to run it in HTML would be apreciated to.

Louys Patrice Bessette · Answer 3 · 2017-08-03T18:59:54.873

0

Starting from the code that works (in your own answer), to hide the page before the decision to redirect or not is made, add this css:

<style>
body{
  display:none !important;
}
</style>

And add an else to your script, to display the page if no redirect.

<script>
  $(document).ready(function(){
    if (document.cookie.indexOf('COOKIEKEY') > -1 ) {
      window.location = 'URL';
    }else{
      $("body").css({"display":"block"});
    }
  }); 
</script>

edited Aug 03 '17 at 18:59

answered Aug 03 '17 at 18:09

Louys Patrice Bessette

33,375
6
36
64

The settings in main html stil overtakes. even with jquery, block and script on top of html. – Balleleif Aug 03 '17 at 18:54

Redirect if cookie exists jquery/html

3 Answers3