Setting a ASP.NET Session in jquery.click()

Question

When a user select a tab on my site, I would like to store which tab they are on so that I can send them back there after the page refreshes. I have this at the moment (excuse the bad coding atm, I am testing the concept):

$("#index_0_li").click(function() {
    <%= Session["SelectedIndex"] = "0" %>
});

$("#index_1_li").click(function() {
    <%= Session["SelectedIndex"] = "1" %>
});

var index = <%= Session["SelectedIndex"] %>;

The problem is, because <%= %> doesn't wait for the on click, the index is always being set to 1.

Does anyone have any ideas on how I can achieve what I am trying to do?

Thanks.

You will need to make an ajax call back to the server to allow it to store the index in session. — El Ronnoco
– El Ronnoco, Commented Dec 9, 2010 at 11:00

RPM1984 · Accepted Answer · 2010-12-09 11:03:09Z

5

Just use client-side session - aka "cookies".

Set the cookie on the click event, then when you submit the page (or "post back"), this cookie will be sent with the HTTP request, allowing you to read it via Request.Cookies.

answered Dec 9, 2010 at 11:03

RPM1984

73.3k62 gold badges241 silver badges364 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

RPM1984 Over a year ago

@webnoob - no problems. Sometimes the best solutions are the simplest ones. :)

webnoob Over a year ago

and the ones we think of last most of the time :)

Bernhard Hofmann · Accepted Answer · 2010-12-09 11:17:22Z

As El Ronnoco said, if you want the selected tab in the ASP.NET Session, then you need to send it back to the server. You could do this with an AJAX call, or you could include it with another post you do in your application.

However, if you simply want to maintain the selected tab for the client, you can do as RPM1984 suggested and store it in a cookie (or other local storage if HTML5 is allowed) and select that the tab last recorded in cookie/local storage upon loading the page. The following is off the top of my head so might have syntax errors (I'd need to see your tab and other markup to do a working solution):

$("#index_0_li").click(function() {
    localStorage.setItem('SelectedTab', '#index_0_li');
});
$("#index_1_li").click(function() {
    localStorage.setItem('SelectedTab', '#index_1_li');
});

$(document).ready(function() {
    var index = localStorage.getItem('SelectedTab');
    if (index !== null) {
        $(index).click();
    }
});

lmondria · Accepted Answer · 2010-12-09 11:04:03Z

0

The click function is client side javascript. You cannot set a serverside variable on the client. You should set the selectedindex serverside, for example using a jquery post.

answered Dec 9, 2010 at 11:04

lmondria

2443 silver badges8 bronze badges

1 Comment

webnoob Over a year ago

You can set a server side variable. It's controlling when it is set that is the issue ;)

Collectives™ on Stack Overflow

Setting a ASP.NET Session in jquery.click()

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related