Response title
This is preview!
Move this topic
Tabs with Cookie
Need more info
- Need more info
- Not a problem
- Temporary fix
- Analyzing
- Working on it
- Solved
in Developing jQuery UI
•
10 years ago
I just upgraded UI Tabs from 1.7.2 to 1.8 using the distributed custom files. The tabs are still working but can no longer retain their state across postbacks. After reverting jquery.cookie.js to the previous version, it works again.
1
Replies(3)
Re: Tabs with Cookie
10 years ago
Just tested tabs with the cookie option and it works just fine. Could you provide a testpage?
Leave a comment on joern.zaefferer's reply
Re: Tabs with Cookie
10 years ago
This is the output from my ASP.NET WebForm:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<script type="text/javascript" src="Scripts/jquery-1.4.2.js" ></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.custom.js"></script>
<script type="text/javascript" src="Scripts/jquery.cookie.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#container-1').tabs({ cookie: { expires: 0, name: 'adjustment-tabs'} });
});
</script>
<link href="App_Themes/Theme1/jquery.ui.all.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Theme1/jquery.ui.base.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Theme1/jquery.ui.core.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Theme1/jquery.ui.tabs.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Theme1/jquery.ui.theme.css" type="text/css" rel="stylesheet" /></head>
<body>
<form name="form1" method="post" action="UITabs.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEzMzkwMjM0NzhkZD0nUJiadAE5VPg+w4Oq9z3/x8T6" />
</div>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBALr4dPBDwKM54rGBgK7q7GGCALWlM+bAqE6Dlr4zoh721V2ilDKko9kL/NC" />
</div>
<div id="container-1" align="left">
<ul>
<li><a href="#divAddress"><span>Address</span></a></li>
<li><a href="#divPayment"><span>Payment</span></a></li>
<li><a href="#divNotes"><span>Notes</span></a></li>
</ul>
<div id="divAddress">
<input type="submit" name="Button1" value="Button1" id="Button1" />
</div>
<div id="divPayment">
<input type="submit" name="Button2" value="Button2" id="Button2" />
</div>
<div id="divNotes">
<input type="submit" name="Button3" value="Button3" id="Button3" />
</div>
</div>
</form>
</body>
</html>
I notice that when I change expires: 0 to expires: 30, the tabs retains its state again. Were there changes to the cookie's API that has changed the meaning of 0 for not to expire?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<script type="text/javascript" src="Scripts/jquery-1.4.2.js" ></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.custom.js"></script>
<script type="text/javascript" src="Scripts/jquery.cookie.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#container-1').tabs({ cookie: { expires: 0, name: 'adjustment-tabs'} });
});
</script>
<link href="App_Themes/Theme1/jquery.ui.all.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Theme1/jquery.ui.base.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Theme1/jquery.ui.core.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Theme1/jquery.ui.tabs.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Theme1/jquery.ui.theme.css" type="text/css" rel="stylesheet" /></head>
<body>
<form name="form1" method="post" action="UITabs.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEzMzkwMjM0NzhkZD0nUJiadAE5VPg+w4Oq9z3/x8T6" />
</div>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBALr4dPBDwKM54rGBgK7q7GGCALWlM+bAqE6Dlr4zoh721V2ilDKko9kL/NC" />
</div>
<div id="container-1" align="left">
<ul>
<li><a href="#divAddress"><span>Address</span></a></li>
<li><a href="#divPayment"><span>Payment</span></a></li>
<li><a href="#divNotes"><span>Notes</span></a></li>
</ul>
<div id="divAddress">
<input type="submit" name="Button1" value="Button1" id="Button1" />
</div>
<div id="divPayment">
<input type="submit" name="Button2" value="Button2" id="Button2" />
</div>
<div id="divNotes">
<input type="submit" name="Button3" value="Button3" id="Button3" />
</div>
</div>
</form>
</body>
</html>
I notice that when I change expires: 0 to expires: 30, the tabs retains its state again. Were there changes to the cookie's API that has changed the meaning of 0 for not to expire?
Re: Re: Tabs with Cookie
10 years ago
Take a look at the last three commits to the cookie plugin here:
http://github.com/carhartl/jquery-cookie/commits/master
http://github.com/carhartl/jquery-cookie/commits/master
Leave a comment on nguyenq87's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to nguyenq87's problem
Statistics
- 3 Replies
- 8496 Views
- 0 Followers