Html button that clears cookies and redirects to an html page

Question

Ive been looking at different solutions but do any of you guys know the easy way to writting a multiple button that clears cookies and redirects to a certain page

I've gotten this far:

<script type="text/javascript">

$(document).ready(function(){
    deleteAllCookies();
});

right now I got a link where i just want it to refresh the actual page, clear cookies, and then redirect to another page.

Is there any easy way of doing this?

score 7 · Accepted Answer · edited May 23 '17 at 12:04

7

It's impossible to run a process after refresh, you can't know how is page loaded. But if you want to clear all cookies than redirect to another page,

deleteAllCookies() function derived from Robert J. Walker answer,

function deleteAllCookies() {
    var cookies = document.cookie.split(";");

    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i];
        var eqPos = cookie.indexOf("=");
        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
    }
}

function clearAndRedirect(link) {
    deleteAllCookies();
    document.location = link;
}


<a href="javascript:clearAndRedirect('start.html')">Start your bacon</a>

ANOTHER WAY:

if you set a unique id or a class for your anchor tag, also you can do that like this way,

<a href="#" class="startbacon">Start your bacon</a>

$(document).ready(function() {
    $(".startbacon").click(function() {
        deleteAllCookies();
        document.location = "start.html";
    });
});

edited May 23 '17 at 12:04

Community

1
1

answered May 10 '12 at 15:28

Okan Kocyigit

13,203
18
70
129

at first change your link html as `Start your bacon` and append javascript functions into the your script tags `` – Okan Kocyigit May 10 '12 at 17:18
No there is no difference, can I see a live example? – Okan Kocyigit May 10 '12 at 17:36
I would be more than happy to could provide a email adress? im not allow to post this link in here. Because of company policies – Vic May 10 '12 at 17:43
Great work. Seems like its working, I tweaked it a bit its working great. – Vic May 10 '12 at 19:22

score 0 · Answer 2 · answered May 10 '12 at 15:19

0

To refresh the page just add:

href="javascript:location.reload(true)"

to your anchor tag.

answered May 10 '12 at 15:19

ewein

2,695
6
36
54

The user is not asking how to reload the current page. – Th0rndike May 10 '12 at 15:34
Actually he is, " i just want it to "refresh the actual page, clear cookies, and then redirect to another page." – ewein May 10 '12 at 15:35
Hvad about the redirect afterwards? :) – Vic May 10 '12 at 15:39
add a window.location.href = "location.html" after the deleteCookies() – ewein May 10 '12 at 15:53
you guys rock! If ur in Copenhagen, il buy guys a beer – Vic May 10 '12 at 16:04
-1. There is a fatal and fundamental flaw in the idea of just issuing this line of code to accomplish what the user wants. This code will result in a never-ending loop. – Andrew Barber May 10 '12 at 16:34
the code is simply telling the asker how to refresh a page he can decide for himself how he wants to incorporate it. – ewein May 10 '12 at 16:54

score 0 · Answer 3 · answered May 10 '12 at 15:42

Since , you want to refresh the whole page will be refreshed with your actual DOM code Lets say that your button looks like:

<a href="#" id="dostuff">Click me</a>

From your sample code I am assuming that you are using Jquery

when a user clicks the button a) all the cookies are cleared b)A new cookie is set, it works as a "flag" in order to check if your page is refreshed c)The page is refreshed d) Your code checks the "flag" if is set, clears once more the cookies and redirects. For my code I am using a jquery plugin in order to manipulate cookies easily, I will also use ocanal's function (great stuff :D )

function deleteAllCookies() {
    var cookies = document.cookie.split(";");

    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i];
        var eqPos = cookie.indexOf("=");
        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
    }
}

$(document).ready(function() {
    var test_flag = $.cookie('flag');
    //get cookie
    if (test_flag == "flag_is_set") {
        //if cookie is set clear all cookies once more and redirect

        deleteAllCookies();
        document.location = "myPage.html";
    }

    $("#dostuff").click(function() {
        //if button is clicked
        //clear all cookies
        deleteAllCookies();
        //set a new cookie as flag
        $.cookie('flag':'flag_is_set');
        //refresh page

        document.location.reload();
    });

});

Html button that clears cookies and redirects to an html page

3 Answers3

Linked