store menu array data between forms

**acoder** · Aug 13 '07, 06:22 PM

Use cookies to store the current state of the checkboxes.

**swebster** · Aug 20 '07, 02:40 PM

Originally posted by acoder

Use cookies to store the current state of the checkboxes.

Thanks for the reply acoder.

I have been looking into adding a cookie to store the menu status but it's still unclear how to do this properly. If the user selects and deselects multiple menu options during a single session does storing that information in a cookie really make sense? If so would I set a time out on the cookie?

appreciate your feedback!

**acoder** · Aug 20 '07, 02:57 PM

Originally posted by swebster

Thanks for the reply acoder.

I have been looking into adding a cookie to store the menu status but it's still unclear how to do this properly. If the user selects and deselects multiple menu options during a single session does storing that information in a cookie really make sense? If so would I set a time out on the cookie?

appreciate your feedback!

You could do this just before leaving the page using onbeforeunload.

**swebster** · Aug 20 '07, 06:16 PM

Originally posted by acoder

You could do this just before leaving the page using onbeforeunload.

ok, so far I have included <body onbeforeunload= getcookie(); >
added a document.cookie statement to show all menu options
and have created the below function but could still use some help.

[code=javascript]
//....snip...
if(menu_status[theid] != 'show') {
switch_id.class Name = 'show';
menu_status[theid] = 'show';
document.cookie = menu_status(the id);
//.....snip....

function getcookie(menu_ status) {
if (document.cooki e.length > 0)
{
menu_status=doc ument.cookie.in dexOf(menu_stat us + " ")
if ( menu_status!= 1 )
{
menu_status=men u_startus + menu_status.len gth +1
}
}
return " "
}
[/code]

**gits** · Aug 20 '07, 09:41 PM

hi ...

i fixed the code tags for you ... please use it the right way:

Code:

[ code=javascript ] ... [ /code ] - javascript
[ html ] ... [ /html ] - html

kind regards

**swebster** · Aug 22 '07, 12:31 PM

Originally posted by gits

hi ...

i fixed the code tags for you ... please use it the right way:

Code:

[ code=javascript ] ... [ /code ] - javascript
[ html ] ... [ /html ] - html

kind regards

No problem. I'll be sure to use [code] comments on my future forum questions and replies. Thanks..

I continue to have difficulty creating a cookie on menu select. Can anyone show me the way so I can expand my knowledge of this area?

Much appreciated.

**acoder** · Aug 22 '07, 01:24 PM

Originally posted by swebster

I continue to have difficulty creating a cookie on menu select. Can anyone show me the way so I can expand my knowledge of this area?

Read about getting, setting and deleting cookies in this article and this tutorial.

If you use those functions, it will be easy to store the data.

**swebster** · Aug 22 '07, 06:40 PM

Originally posted by acoder

Read about getting, setting and deleting cookies in this article and this tutorial.

If you use those functions, it will be easy to store the data.

Yes, w3schools.com is very informative. Thanks for the suggestions.

I am now able to store a cookie on the client machine and feel I am half way there. Since the menu can be selected multiple times before an actual submit I have decided the best place for the setCookie is on the submit. With this however, I have difficulty getting the menu_status into the cookie for redisplay.

Here is what I have tried.

[code=javascript]
menu_status = new Array();

function showHide(theid) {
if (document.getEl ementById) {
var switch_id = document.getEle mentById(theid) ;

if(menu_status[theid] != 'show') {
switch_id.class Name = 'show';
menu_status[theid] = 'show';

}else{
switch_id.class Name = 'hide';
menu_status[theid] = 'hide';
}
}
}

function setCookie(menuC ookie,value,day s) {
if (days) {
var date = new Date();
date.setTime(da te.getTime()+(d ays*24*60*60*10 00));
var expires = "; expires="+date. toGMTString();
}
else var expires = "";
document.cookie = menuCookie+"="+ value+expires+" ; path=/";
}

function getCookie(menuC ookie) {
var nameEQ = menuCookie + "=";
var ca = document.cookie .split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c .length);
if (c.indexOf(name EQ) == 0) return c.substring(nam eEQ.length,c.le ngth);
}
return null;
}

function eraseCookie(men uCookie) {
createCookie(me nuCookie,"",-1);
}
[/code]

[html]

<input type=submit value="Search" onclick="'valid query';setCooki e('menuCookie', '<%=request.get Parameter("menu _status()")%>', '7');" />

[/html]

This returns null in the cookie value.

**acoder** · Aug 22 '07, 08:27 PM

You can only use request.getPara meter whilst the page is loading. After the page has loaded, to change anything, you will need Javascript. Did you mean to pass the array to the function? Try setting a cookie for each menu id. You could just loop over the array and set each one.

**swebster** · Aug 23 '07, 12:25 PM

Originally posted by acoder

You can only use request.getPara meter whilst the page is loading. After the page has loaded, to change anything, you will need Javascript. Did you mean to pass the array to the function? Try setting a cookie for each menu id. You could just loop over the array and set each one.

By setting the cookie on each menu selection doesn't that create a lot more traffic to the client machine? A client could select menu option 1, and 2 but then decide menu option 3 is what they really want before submitting. Thus creating three cookie updates for the single transaction. Can I pass the menu array data to a hidden field and either pass that between the forms or instruct the setCookie function to use the menu array data onsubmit?

**swebster** · Sep 17 '07, 05:18 PM

Acoder, I could use some of that expertise of yours.

I have update my code to set menu status_id in a cookie.
The js also removes the cookie when the menu option is
selected the second time( which in this case hides the display
of that menu ). What I need help with is getting the cookie back
and displaying the appropriate menu according to the cookie value.

I'm stuck so anything you can suggestion would
be greatly appreciated.

thanks

Code: ( text )
[code=javascript]
function showHide(theid) { // theid is the menu option selected

if (document.getEl ementById) {
var switch_id = document.getEle mentById(theid) ;

if(menu_status[theid] != 'show'){
switch_id.class Name = 'show';
menu_status[theid] = 'show';
setCookie('menu C',[theid],2); //this works

}else{
switch_id.class Name = 'hide';
menu_status[theid] = 'hide';
checkall('query Form','Topic',f alse);
eraseCookie('me nuC'); // distroy cookie
}
}
}

function setCookie(menuC ,value,days) {
if (days) {
var date = new Date();
date.setTime(da te.getTime()+(d ays*24*60*60*10 00));
var expires = "; expires="+date. toGMTString();
}
else
var expires = "";
document.cookie = menuC+"="+value +expires+"; path=/";
}

function getCookie(menuC ) {
var nameEQ = menuC + "=";
var ca = document.cookie .split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c .length);
if (c.indexOf(name EQ) == 0) return c.substring(nam eEQ.length,c.le ngth);
}

return null;
}

function eraseCookie(men uC) {
setCookie(menuC ,"",-1);
}

[/code] - javascript

**acoder** · Sep 18 '07, 10:19 AM

Originally posted by swebster

What I need help with is getting the cookie back and displaying the appropriate menu according to the cookie value.

I assume you would want this to happen when you revisit the page. Call a function which goes through each menu option and gets the cookie. If set, it shows the menu otherwise it is kept hidden.

**swebster** · Sep 18 '07, 01:46 PM

Originally posted by acoder

I assume you would want this to happen when you revisit the page. Call a function which goes through each menu option and gets the cookie. If set, it shows the menu otherwise it is kept hidden.

Yes, upon pageback the menu option should still be visiable. I am able to get the cookie value back and alert it to the screen, however I am not able to find the correct syntax to unhide the div.class for the menu option selected.

Do you have any suggestions?

Code: (javascript)
[code=javascript]
function menu_redisplay (queryForm) {
var x = getCookie('menu C')
switch (x){
case "menu1":
class = 'show'
break;
case "menu2":
class = 'show'
break;
case "menu3":
class = 'show'
break;
case "menu4":
class = 'show'
break;
default:
alert("no menu in cookie")
}
}
[/code] - javascript

**swebster** · Sep 18 '07, 02:12 PM

Originally posted by swebster

Yes, upon pageback the menu option should still be visiable. I am able to get the cookie value back and alert it to the screen, however I am not able to find the correct syntax to unhide the div.class for the menu option selected.

Do you have any suggestions?

Code: (javascript)
[code=javascript]
function menu_redisplay (queryForm) {
var x = getCookie('menu C')
switch (x){
case "menu1":
class = 'show'
break;
case "menu2":
class = 'show'
break;
case "menu3":
class = 'show'
break;
case "menu4":
class = 'show'
break;
default:
alert("no menu in cookie")
}
}
[/code] - javascript

Here is a menu cookie that works on single menu selections.
Next stage, build a cookie and js to support mulitple menu sections.

Code: (javascript)
[code=javascript]
function menu_redisplay (queryForm) {
var x = getCookie('menu C')
var switch_id = document.getEle mentById(x);
switch (x){
case "menu1":
switch_id.class Name = 'show'
break;
case "menu2":
switch_id.class Name = 'show'
break;
case "menu3":
switch_id.class Name = 'show'
break;
case "menu4":
switch_id.class Name = 'show'
break;
default
}
}
[/code] - javascript[/QUOTE]

Thanks.

store menu array data between forms

store menu array data between forms

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment