Global variable or cookie in javascript

[jasonwsaz]

Ok heres the problem... I have a list of music that is searchable. I designed
it in coldfusion and want to add a little javascript to be able to change the
text size. Currently the following code works, but then when you search again
after changing the text size it will revert back to the default text size. I
believe that this can be done using a global variable but I'm not sure how I
would do it in this situation. Also I believe that I could use a cookie but I
would prefer not to if possible.

This is the link to the page...
[url]www.jasonschwab.com/music.cfm[/url]

The javascript....
--------------------------------------------------------------
<script language="javascript">
function ChangeFontSize(size) {
id = "results";
document.getElementById(id).style.fontSize = size + "px";
}
</script>
--------------------------------------------------------------

The html......
--------------------------------------------------------------
<a href="#" onclick="ChangeFontSize('20')">Change to 20px</a><br>
<a href="#" onclick="ChangeFontSize('28')">Change to 28px</a><br>
<a href="#" onclick="ChangeFontSize('36')">Change to 36px</a>

<TABLE id="results">
<TR>
<TD>
This is the text that I would like to change
</TD>
</TD>
</TABLE>
--------------------------------------------------------------

Now don't get me wrong...The above code does work, but when I search again,
this changed font size value is lost. How do I get it so that once someone
clicks to change the font size it will stay that font size until they close the
browser?

What I think might need to be done is to somehow pull a variable out of the
function and then set that as the default value...But I' really not sure...

Thanks again,
Jason

[delaneypub]

Setting a cookie will let you set the font size from the cookie from that time
forward. You could also pass a variable from page to page with the chosen font
size. If this is a search page, then there's likely a form on it, and you can
use a hidden field in the form to pass the variable. This would probably work
out best when the user will be mostly going back and forth between the form
page and the action page.