Setting Cookie Based On Checkbox Selection By User?
Jul 23, 2005
I've got the following code snippet in a function to set a coockie based on whether or not the user selects a checkbox. Using an alert the cookie text looks fine but when I go to retrieve the values the only one it can find is the value for user. I've a few different things and none of them seem to work. I'm getting the same thing in both IE and Firefox. The only cookie listed is the 'user' with the proper expiration date. Code:
I'm wanting to hide certain divs within a container. If the sub div DOESN'T have a checkbox which is selected in it, then it should be hidden when you click the link. eg: if #2 and #5 checbox only where selected then divs(sub_1,sub_3,sub_4) would be hidden when link was clicked.
I'm working on a search filter trying to get a form to update itself depending on what options have been checked from a selection of checkboxes. i.e. selecting one checkbox can bring up other checkboxes. It's just posting the form to update_filter.php and putting the updated form into searchNavigation div.
This works for the first checkbox that is checked, but after that nothing.
Is it something to do with the fact that the form is not the same form that it was before the checkbox was checked if that makes sense? or shouldn't that make any difference?
How do we use javascript to only allow selection from the list in question 3 to be made IF the user selected at least 1 check box in question 2? Below is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]"> <html xmlns="[URL]" xml:lang="en" lang="en"> <head><title> Example </title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </head><body><form name="Form"><h1>Survey </h1> <p> Please take a minute to fill in the form below. </p><ol> <li> Question 1.</li> <li> Q2.Which classes have you attended? <br /> <input type="checkbox" name="attend" id="aerobics" value="aerobics"/> <label for="aerobics">Aerobics</label> <br /> <input type="checkbox" name="attend" id="boxing" value="boxing"/> <label for="boxing">Boxing</label> <br /> <input type="checkbox" name="attend" id="circuit" value="circuit"/> <label for="circuit">Circuit Class</label> <br /> <input type="checkbox" name="attend" id="weight" value="weight"/> <label for="weight">Weight Training</label> </li> <li> Q3. Which of the above classes has been beneficial for you? (choose one from the list): <select class="drop" name="dropdown"> <option value="aerobics">Aerobics</option> <option value="boxing">Boxing</option> </select></li></ol></form></body></html>
I have 3 TextFields, called txtUSD, txtEUR, txtAUS. And a PopupList with the same values, minus the txt part, but I need to form the names of the TextFields to use based on the selection that the user made. So I've done this:
Code: function btConvert_Click(event){ var amount = document.getElementById("txtAmount").value; var rates = document.getElementById("lstConvertTo").value; var from = "txt" + document.getElementById("lstFrom").options[document.getElementById('lstFrom').selectedIndex].text; var to = "txt" + document.getElementById("lstConvertTo").options[document.getElementById("lstConvertTo").selectedIndex].text; var curr_from = document.getElementById(from).value; var curr_to = document.getElementById(to).value; if(curr_from > curr_to){ amount * rates; } else { amount / rates; } alert(result); }
But every time I try it I get this error: Code: mobile/main.js line 215: Result of expression 'document.getElementById(from)' [null] is not an object.
I am trying to create a web page in which the contents of one selection list depends upon which element in another selection list is chosen, but where the information to populate the first selection list comves from an SQL database on the web server.
There are a couple of these situations in my application but, for example, the first list might be a list of counties, and the second list a list of states/provinces. Obviously the names of counties depend upon which state/province is chosen, but there are too many possibilities to be able to embed them within the web page itself. So when the user selects a state/province I need to go to the server to ask for the list of counties.
I have seen a number of posts that sort of address this issue. For example it is suggested to use <script src="a URL"/> to ask the server side code to send up data of type "text/javascript". However the examples do not seem to address how the server side code would know which state/province the user had selected.
If there is a web site that addresses this sort of thing, I would appreciate any pointers.
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
I have an embedded system with a web interface. One of the web pages has a small JavaScript program that, when run on IE6, always displays the message that cookies need to be enabled:
if (document.cookie.indexOf('asm_session') == -1) { document.cookie = 'asm_session=0' if (document.cookie.indexOf('asm_session') == -1) { document.write("Advanced System Management access requires cookies to be enabled."+'<br><br>'); } }
This problem only occurs with IE6, not Mozilla. It also only happens on some of the embedded systems, but this problem exists for everyone running IE6.
The problem isn't limited to the Javascript code, either. On another web page from this embedded system, a cookie is set the normal way, via the HTTP header. This cookie is also rejected.
When I display any page that attempts to set a cookie, IE6 displays the blocked icon and says that cookies on that URL are blocked. However, I have set all privacy and cookie options to their most permissive. I've spent the past hour changing every option I can find that's even remotely related to cookies and privacy, and nothing changes. Does anyone have any idea what's going on?
i am working on a script that triggers a blind down or blind up effect by clicking on a particular link. it then remembers the status of that choice by setting a cookie. Code:
I am working with the "sexy alert box" found here [URL] and have the code below, which pops up the sexy alert box on every page load.
<script type="text/javascript"> function test() { Sexy.alert('Hello world!'); } window.onload=test; </script>
My problem is that I only want that code to show on the FIRST load for the user and every page after that it should not be showing. This will be the first time I've worked with cookies so I am a bit confused as to what to do with this code and where to edit things.
How I can set a cookie name with the next function: Explanation: if cookie called: "lostpasswd" is present on the web browser of user it can't be access to the page in the next 30 minutes. After 30 minutes the cookie will be destroyer.
I am working with the "sexy alert box" found here and have the code below, which pops up the sexy alert box on every page load.
Code:
<script type="text/javascript"> function test() { Sexy.alert('Hello world!');
[code]...
My problem is that I only want that code to show on the FIRST load for the user and every page after that it should not be showing.This will be the first time I've worked with cookies so I am a bit confused as to what to do with this code and where to edit things.
how to set cookie with some info about that --> is this user voted in pool or not... maybe someone can write a simple script for that if it's not too hard.. it would be very nice.
I would like to set/create a single-use/temporary "cookie" for the duration of the user's session or possibly for up to 2 days and have a popup alert box, telling them that their screen resolution is too low to view. Here is my existing Javascript below.implement and/or rewrite it with the cookie?
Code: <script type="text/javascript"> <!--
if (screen.height<768 || screen.width<1024) alert ("Your screen's resolution is below 1024x768.This site works better at higher resolutions.");
I have searched and searched the internet but cannot find information on exactly what I am trying to do.What I am trying to do is set a cookie that will remember if the display status is "none". This is probably something simple but I don't know much about javascript obviously. I've tried a few different approaches but I can never get the script to actually set a cookie.
I simply want to learn how to create a cookie that is assigned the user’s favorite color. And change the background color of the document to that color. So far I think I may be storing it in the cookie correctly, and I have a function that sets the background color, but I don’t think I am recalling it properly when I reopen the web page. Code:
So I have a working version of a pop up that loads 10 seconds after I open a page. I also have a working version that sets a cookie for when the pop up is closed. However, I need to get a little more functionality with this.
Here is what I have now, the code that makes pop up come up 10 seconds after
1.) My first task it to combine the two. I still need the popup that comes up after 10 seconds, but I also need the jquery to check if a cookie is set. (I load the jquery cookie plugin for this code)
2.) If there is no cookie and the pop up comes up there are three ways of closing the pop up.
- x button on the top right corner: if this is clicked, a 24 hour cookie should be set
- remind me later link: if this link is clicked, the same 24 hour cookie should be set
- dont show again: if this one is clicked, a longer cookie is set
I have a script that sets a number of cookies based on a set of results returned from an external website.
The file sits in the cgi-bin folder (it has to, as this is where the data is processed and results returned) and when the data is returned it is stored in a number of cookies before redirecting to a results page in the website root to display the data.
The problem, before I display any code, is that one of the cookies is setting its path to the /cgi-bin folder, meaning when the page redirects back to the website this particular cookie is not accessible.
However, what is even more unusual is that this only happens in Safari.
Here is the code:
The specific cookie that is being set to the wrong path is the 'ckResults' cookie.
I'm more of an actionscript person but got roped into an html/javascript job.What I need to do, and it shouldn't be that difficult is this:page1.html - there is a yellow button and a red button - if the user clicks on the yellow button I want to set a cookie with the value "yel" then load the next page - if they click the red button set that cookie with the value "red"page2.html - 'onload' i want to read that cookie and load up the main image to match, something like this maybe?... document.mainimage.src='img/main_' + variable + '.png'so that the path would be for example 'img/main_red.png'f you think this would be easier sending that variable in the URL instead of as a cookie please explain. I'm having a very hard time searching for tutorials that are any good and that do exactly this kind of thing.
