|
JavaScript - Js Cookies, General Question
I create a cookie on my homepage that tracks a number, the next time they view, js calculates another number and subtracts the saved number.
Is the cookie value created accessible from a page other than the home page? i.E. I want to create a popup window that shows the calculation but i can seem to pass the variable generated from my external js script to the internal script/page. Am i able to call the getCookie class i created from the internal script even if the class is held in the external script or is it only accessible from the page that created the cookie? If its a dumb question, sorry im relatively new. Similar TutorialsI have a general javascript question. It may apply in this forum but maybe in the asp forum. I have a java applet on a site that I am building. If someone visiting the site doesn't have their javascript turned on, and chooses not to, is there some line of code that I can use that will detect that and replace the applet for an image I create? The site is developed in asp, but being that it is a javascript question, I thought it may apply here. Gary Hi, as the title states, I'm trying to learn some basic javascript, more particularly, jQuery. I HATE having to "allow" active content to run on my IE browser. Is there a way to allow active content permanantly? Instead of having to click allow each time I refresh or reload my test pages? Also, IE keeps freezing or crashing when I run pages with scripts on them. Is this just my browser? or something to do with the active content permissions? Trying to google my questions, but no luck yet. Hello; I'll begin like so many others before me, and apologize now if this post is in the wrong place, but since I don't exactly know what type of code I need, I'm not sure where to post this query. Let me preface this request by stating the obvious; I have almost no knowledge of coding. I've been watching tutorials for help with building a site for my small service-type business. I need coding that will allow my visitors to input their zip code to see if they reside in my service area. After they enter the zip and click the submit button, a page should pop up with one of two messages when they either are or are not in my service area. (I would undoubtedly need to list [somewhere in the coding] all the zip codes that are within my service area, and any zip codes not listed would bring up a message that the visitor is outside my service area.) I hope this makes sense, and someone can point me in the right direction. Thank you, in advance to any and all who respond, and keep in mind that you may have to dumb-down your responses for me to be able to understand. Hi, I need help creating a function. It want it to: run when the page loads and every x seconds after. On loading I need it to connect to a db(preferably w ajax) and store results as variables I can reuse in other functions. And finally, after some math equations I can do, print the results on the page. I've been toying with this and I've realized its not as easy as I thought. Think I'm having problems with variable scope. Php is my main scripting language, of which I am fluent and have a working version of this. But I want it to run on the client side and relieve my server. Sorry if this is vague or incorrectly formatted, I'm on a phone browser. A guide or detailed demonstrations would be great, however pointing me in the right direction would me most apreciated. Hi, To put it bluntly I am a newbie to Javascript. I manage my own site using skills I have developed through learning code and need some help with debugging. My website is www.simplysafes.co.uk, in my IE it tells me I have an error with line 106 and char 2. Can anyone help me with this?? I would really appreciate it. Thanks in advance. James I've only just stated to teaching myself the general basics of web development, and I've hit a problem which I haven't been able to fix, even after some extensive research I haven't found a solution. The problem is not in the HTML I'm quite sure, hence why I deemed this to be the best place to post this. I'm sorry for wasting your time on something stupid like this, but I'm completely lost! Extra: I really couldn't think of a title that could describe this 'problem', my bad. Description: When clicking the calculate button nothing happens, but when I changed the code inthere to something easy (just print a line in a HTML paragraph) it worked. So by that I was able to deduce the problem lies somewhere in the Javascript. Code: <!DOCTYPE html>
<html>
<body>
<div>
<form>
<fieldset>
<h1>Quadratic equation</h1>
a:<input type="text" id="a" name="a"><br><br>
b:<input type="text" id="b" name="b"><br><br>
c:<input type="text" id="c" name="c"><br><br>
<button type="button" onclick="vkv()">Calculate</button>
</fieldset><br>
<fieldset>
<p id="output">Answer appears here</p>
</fieldset>
</form>
</div>
<script>
function vkv() {
var a = document.getElementById(a);
var b = document.getElementById(b);
var c = document.getElementById(c);
var D = pow(b,2) - 4 * a * c;
if (D >= 0){
var x1 = (-b + sqrt(D)) / (2 * a);
var x2 = (-b - sqrt(D)) / (2 * a);
if (x1 == x2) {
document.getElementById("output").innerHTML = "Value for x is:" + x1 + ".";
} else {
document.getElementById("output").innerHTML = "Values for x a " + x1 + " en " + x2 + ".";
}
} else {
document.getElementById("output").innerHTML = "Discriminant is negative, " + D + ".";
}
}
</script>
</body>
</html>
Reply With Quote 02-03-2015, 10:31 PM #2 jmrker View Profile View Forum Posts Senior Coder Join Date Aug 2006 Location FL Posts 3,175 Thanks 39 Thanked 510 Times in 504 Posts Welcome to the forum... NOTE: I have not tested the logic of your code to see if it give the right answers, but this should get you started by at least seeing some results displayed. Primary problem was not using Math. before the math commands like pow and sqrt. Also, need quotes around id values in the document.getElementById statements And those statements require a value associated with the element Plus, it returns a string, hence the need for a Number() function or some other string to conversion. It is always a good idea to check the error console on most browsers to get an idea of the simple problems. That's where I found most of your errors. Code: <!DOCTYPE html>
<html>
<body>
<div>
<form>
<fieldset>
<h1>Quadratic equation</h1>
a:<input type="text" id="a"><br><br>
b:<input type="text" id="b"><br><br>
c:<input type="text" id="c"><br><br>
<button type="button" onclick="vkv()">Calculate</button>
</fieldset><br>
<fieldset>
<p id="output">Answer appears here</p>
</fieldset>
</form>
</div>
<script>
function vkv() {
var a = Number(document.getElementById('a').value);
var b = Number(document.getElementById('b').value);
var c = Number(document.getElementById('c').value);
var D = Math.pow(b,2) - 4 * a * c;
if (D >= 0){
var x1 = (-b + Math.sqrt(D)) / (2 * a);
var x2 = (-b - Math.sqrt(D)) / (2 * a);
if (x1 == x2) {
document.getElementById("output").innerHTML = "Value for x is:" + x1 + ".";
} else {
document.getElementById("output").innerHTML = "Values for x a " + x1 + " en " + x2 + ".";
}
} else {
document.getElementById("output").innerHTML = "Discriminant is negative, " + D + ".";
}
}
</script>
</body>
</html>
Good Luck! hi, I would like your help on the following matter. I have a JavaScript file currently reading from another site xml file in (utf-8) and I would like to store those data in my database which is in SQL_Latin1_General_CP1_CI_AS. Is there any function in JavaScript that can encode (convert) text from utf-8 to SQL_Latin1_General_CP1_CI_AS or any other way to do that? Hello, I'm new to this forum. I want to improve my ability to write JavaScript and am looking for a friendly place to find some constructive criticism and suggestions on my code. This script does not have any practical use (that I can think of); it calculates prime numbers. It is just an exercise. I am looking for suggestions on all aspects from the CSS/aesthetics to the HTML and of course the JavaScript. I posted the script here. One definite thing that bugs me is the cursor is not in the text field when the page loads. Also it would be better if the user had the option of hitting the return key in addition to the submit button. Suggestions appreciated. Code: <!DOCTYPE html>
<html lang="en">
<head>
<title>Prime Number Calculator</title>
<style type="text/css">
form{
width: 200px;
border: solid 3px blue;
border-style: double;
padding:5px;
text-align:center;
background-color:#eee;
}
#title{
text-align:center;
border: solid 1px blue;
background-color:#fff;
margin:5px;
padding:0px;
}
</style>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var candidates = new Array();
function calculatePrimes(form){
var max = form.input.value;
//Check to make sure input is a number
if(isNaN(max)){
alert("Dude, you must enter a number!");
}
for(i=2; i<=max; i++){candidates[i]=i;}
var i=2;
for(i=2; i<Math.sqrt(max); i++){
if (candidates[i]!=0){
var j=i*i;
while(j<max){
candidates[j] = 0;
j=j+i;
}
}
}
//Pull the primes out of the candidates
i=2;
var primesOut = "";
for(i=2; i<max; i++){
if(candidates[i]!= 0){
primesOut = primesOut + ((i>2)?", " : "" ) + candidates[i];
}
}
form.output.value = primesOut;
}
</script>
<head>
<body>
<form>
<h2 id="title">Prime-Number Calculator</h1>
Check up to:<input type="text" name="input" size="5" value="100" \> <br />
<textarea rows="5" cols="20" name="output"></textarea>
<input name="calc" value="Find!" type=button onClick="calculatePrimes(this.form)">
</form>
</body>
</html>
Hi could someone please help?... I am a total beginner to javascript... but does anyone know of a code, including links to an image folder, for displaying 6 fullscreen images in random order without repeat for a given user? I've seen specific examples using shuffle on the site, but could anyone write a general code for any given images? Many thanks in advance Hi is it possible to email cookies to my email address. I have a order form and it saves all the information within a cookie and then goes to the payment page. I want to email the order details along with the payment detail to myself. Is this possible and how. Below example of my cookie: Code: function nextForm() {
document.cookie = "prod1=" + encodeURIComponent(document.forms[0].prod1.value);
document.cookie = "prod2=" + encodeURIComponent(document.forms[0].prod2.value);
document.cookie = "prod3=" + encodeURIComponent(document.forms[0].prod3.value);
location.href="Payment.html";
}
I then have my payment cookie: Code: function paymentForm() {
document.cookie = "FirstName=" + encodeURIComponent(document.forms[2].firstname.value) + ";secure=true";
document.cookie = "LastName=" + encodeURIComponent(document.forms[2].lastname.value) + ";secure=true";
document.cookie = "Email=" + encodeURIComponent(document.forms[2].email.value) + ";secure=true";
document.cookie = "PhoneNumber=" + encodeURIComponent(document.forms[2].telephone.value) + ";secure=true";
document.cookie = "Address=" + encodeURIComponent(document.forms[2].address1.value) + ";secure=true";
document.cookie = "Address=" + encodeURIComponent(document.forms[2].address2.value) + ";secure=true";
document.cookie = "City=" + encodeURIComponent(document.forms[2].city.value) + ";secure=true";
document.cookie = "Province=" + encodeURIComponent(document.forms[2].province.value) + ";secure=true";
document.cookie = "PostalCode=" + encodeURIComponent(document.forms[2].code.value) + ";secure=true";
document.cookie = "AmountDue=" + encodeURIComponent(document.forms[2].totalDue.value) + ";secure=true";
document.cookie = "CardName=" + encodeURIComponent(document.forms[2].cardName.value) + ";secure=true";
document.cookie = "CardNumber=" + encodeURIComponent(document.forms[2].cardNumber.value) + ";secure=true";
if (document.forms[2].correct.checked == true)
document.cookie = "T&C Agreed = " + encodeURIComponent(true) + ";secure=true";
top.location.href="thankyou.html";
}
and then my thankyou page from where it should be submitted to my email i am using a onload in the body but dont know what the code should look like.: Code: <body class="sale" onload="postCookie(); redirect(); return true"> <tr valign="middle"><td colspan="4" rowspan="10" align="center"><br /><hr /> <strong>Thank you for order! Your order will be processed within the next 48 hours.<br /> Your tracking number and postage details will be sent via email.<br /> You will now be taken back to the Home Page.<br /> Thanks for your support.</strong><br /><hr /><br /> <a href="http://www.sayorkies.co.za/home.html">Click here if your browser does not automatically redirect you.</a> </td></tr> Please assist, I have the following code to remember form inormation but it does not seem to work. Probably something stupid. Code: <!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>Contact Page</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="yorkie.css" type="text/css" />
<script type="text/javascript">
/* <![CDATA[ */
// Confirm resetting of forms.
function confirmReset() {
var resetForm = confirm("Are you sure you want to reset the form?");
if (resetForm == true)
return true;
return false;
}
// If box clicked value within disappears
function Focus(element) {
if (element.value == element.defaultValue) {
element.value = '';
}
}
// If nothing typed and box onblur the default value is restored within
function Blank(element) {
if (element.value == '') {
element.value = element.defaultValue;
}
}
// Submission of Contact Form Verified
function verifySubmission() {
var retValue = true;
if (document.forms[2].email.value == "Enter Email Address"
|| document.forms[2].firstname.value == "Enter First Name"
|| document.forms[2].lastname.value == "Enter Last Name"
|| document.forms[2].telephone.value == "Enter Contact number") {
window.alert("You did not fill in one of the following required fields: First Name, Last Name, Email Address, or Telephone Number.");
retValue = false;
}
return retValue;
}
// Email address verified as a valid email address
function validateEmail(formObject) {
var email = formObject.value;
var emailCheck = /^[_\w\-]+(\.[_\w\-]+)*@[\w\-]+(\.[\w\-]+)*(\.[\D]{2,3})$/;
if (emailCheck.test(email) == false) {
window.alert("The e-mail address you entered does not appear to be valid.");
formObject.value = formObject.defaultValue;
return false;
}
formObject.value = email.toLowerCase();
return true;
}
// Telephone number verified as a valid 10 digit number with no alpha characters
function verifyPhone(number) {
var phone = number.value;
var phoneCheck = /^(\d{10})$/;
if(phoneCheck.test(phone) == false) {
window.alert("The telephone number you entered does not appear to be valid.");
number.value = number.defaultValue;
return false;
}
return true;
}
// Show additional contact form details onclick of yes radio button
function showDiv() {
document.getElementById('breeders').style.visibility = 'visible';
}
// Hide certain contact form info onclick of No radio button
function hideDiv() {
document.getElementById('breeders').style.visibility = 'hidden';
}
// SAVE FORM INFORMATION FOR THE NEXT VISIT
function saveSelections(frm) {
var setvalue;
var fieldType;
var index;
var formname = frm.name;
// CookieExpiry in 30 days.
var today = new Date();
var exp = new Date(today.getTime()+30*24*60*60*1000);
var string = "formname=" + formname + "|";
var cookieName = formname;
var n = frm.length;
for (i = 0; i < n; i++) {
e = frm[i].name;
fieldValue = frm[i].value;
fieldType = frm[i].type;
// Radio Buttons
if (fieldType == "radio") {
for (x=0; x < frm.elements[e].length; x++) {
if (frm.elements[e][x].checked)
{
index = x
}
}
string = string + index + "\|";
}
// Text, Textarea, and dropdowns
if ((fieldType == "text") || (fieldType == "textarea") || (fieldType == "select")) {
string = string + frm.elements[e].value + "\|";
}
// Checkboxes
if (fieldType == "checkbox") {
if (frm.elements[e].checked==true) {
var setvalue = "1";
}
if (frm.elements[e].checked==false) {
var setvalue = "0";
}
string = string + setvalue + "\|";
}
// Hidden field
if (fieldType == "hidden") {
string = string + frm.elements[e].value + "\|";
}
}
setCookie(cookieName, string, exp);
}
// Load Form Fields from saved cookie
function loadSelections(frm) {
var e;
var z;
var x;
var cookieName;
var fieldArray;
var fieldValues;
var fieldValue;
var formname = frm.id;
// Retrieve form elements from cookie and split into array.
cookieName = formname;
fieldValues = getCookie(cookieName);
fieldArray = fieldValues.split("\|");
var n = frm.length;
for (i = 0; i < n; i++) {
e = frm[i].name;
z = i;
z++;
var fieldType = frm[i].type;
var fieldValue = fieldArray[z];
// Radio Buttons
if (fieldType == "radio") {
x = fieldValue;
frm.elements[e][x].checked = true;
}
// Text, Textarea, and dropdowns
if ((fieldType == "text") || (fieldType == "textarea") || (fieldType == "select")) {
frm.elements[e].value = fieldValue;
}
// Checkboxes
if (fieldType == "checkbox") {
var fld_checkbox = fieldValue;
if (fld_checkbox == "1") {
frm.elements[e].checked = true;
}
}
// Hidden fields
if (fieldType == "hidden") {
frm.elements[e].value = fieldValue;
}
}
}
// COOKIE FUNCTIONS
function setCookie(name, value, expires) {
document.cookie= name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "");
}
function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
} else {
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}
/* ]]> */
</script>
</head>
<body class="contact" onload="var begin=setInterval('changeBanner()',9000); currentClock(); currentDate(); document.getElementById('breeders').style.visibility = 'hidden'; " onunload="saveSelections(document.forms[0])">
<table width="92%">
<form action="mailto:lynette@sayorkies.co.za, subject=Contact Form" method="post" enctype="text/plain" onsubmit="return verifySubmission()" onreset="return confirmReset();">
<table class="center" cellpadding="5" border="1">
<!-- This enters a horizontal line -->
<tr><td><hr /></td></tr>
<!-- This is for the personal information -->
<tr><td><strong>Tell us who you a </strong></td></tr>
<tr><td><input type="text" name="firstname" size="25" maxlength="35" value="Enter First Name" onfocus="Focus(this);" onblur="Blank(this);" /> *
<input type="text" name="lastname" style="margin-left: 52px;" size="25" maxlength="35" value="Enter Last Name" onfocus="Focus(this);" onblur="Blank(this);" /> *</td></tr>
<!-- This is for the contact information -->
<tr><td><strong>Your Contact details:</strong></td></tr>
<tr><td><input type="text" name="email" size="30" maxlength="60" value="Enter Email Address" onfocus="Focus(this);" onblur="Blank(this); validateEmail(this)" /> *
<input type="text" name="telephone" style="margin-left: 20px;" size="20" maxlength="10" value="Enter Contact number" onfocus="Focus(this);" onblur="Blank(this); verifyPhone(this)" /> * </td></tr>
<!-- This is where you enter your message also select what type of message-->
<tr><td><strong>Your Message:</strong></td></tr>
<tr><td align="left">What is your message about?<br />
<input type="radio" name="type" value="compliment" /> Compliment
<input type="radio" name="type" value="complaint" /> Complaint
<input type="radio" name="type" value="general" checked="checked" /> General
<input type="radio" name="type" value="enquiry" /> Enquiry
<input type="radio" name="type" value="feedback" /> Feedback</td></tr>
<tr><td align="center"><textarea name="message" rows="6" cols="45" onfocus="Focus(this);" onblur="Blank(this)">Enter your message here...</textarea></td></tr>
<!-- Additional information -->
<tr><td align="left">Are you looking to purchase a Yorkie puppy?<br />
<input type="radio" name="purchase" value="yes" /> Yes
<input type="radio" name="purchase" value="no" checked="checked" /> No</td></tr>
<tr><td align="left">Do you own a Yorkie?<br />
<input type="radio" name="owner" value="yes" onclick="showDiv()" /> Yes
<input type="radio" name="owner" value="no" checked="checked" onclick="hideDiv()" /> No<br />
<!-- If answer is no above the below questions are hidden, if yes then they appear -->
<div id="breeders">
How many? <select name="qnty" size="1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5+</option></select>
Are you a breeder? <input type="radio" name="breeder" value="yes" /> Yes
<input type="radio" name="breeder" value="no" checked="checked" /> No</div></td></tr>
<!-- Subscriptions -->
<tr><td align="left">Do you wish to subscribe to the following?<br />
<input type="checkbox" name="subscribe" value="letter" checked="checked" /> Monthly Newsletter<br />
<input type="checkbox" name="subscribe" value="pups" /> Notification of a new litter<br />
<input type="checkbox" name="subscribe" value="updates" /> Notification of site updates<br />
<input type="checkbox" name="subscribe" value="register" /> Registrations</td></tr>
<!-- Add a picture file -->
<tr><td align="left">Upload your favourite Yorkie photo for the Picture of the Month.<br />
<input type="file" name="upload" accept="image/gif, image/jpeg" size="30" style="margin-left: 15px; margin-top:5px;" /></td></tr>
<!-- This enters a horizontal line -->
<tr><td><hr /></td></tr>
<tr><td align="center">Required fields marked with *</td></tr>
<!-- Buttons to clear the form or to submit the form -->
<tr><td align="center"><input type="reset" value="Clear the Form" />
<input type="submit" value="Send your message" /></td></tr>
</table></form<script type="text/javascript">loadSelections(document.forms[0]);</script>
</body>
</html>
Console Error: Unable to get value of the property 'split': object is null or undefined for this line: Code: fieldArray = fieldValues.split("\|");
I am hitting a brick wall, dont know what to do? Hi, Im a bit stuck on something, any help is greatly appreciated. I want a user to input a name, age, gender, city into a form, this gets stored in some cookies and when they click submit they are taken to another page where their details are displayed in the webpage. Thanks for the help. Hello, I know there are dozens of threads on this topic but I can't figure out how to do what I want to do. I have three variables I want to store in a cookie when a user leaves this page which is a college project: http://jimbolgs.agilityhoster.com/wo.../ClockUTC.html They are (from the linked JS file): extraMins, geoLoc, UTCHours. I would also like to retrieve them on return to the page. Any help appreciated, Thanks. Hi there, I am writing an extension for google chrome (or at least trying to, it's my first project), and I'm kinda stuck on one part. I'd like to save 2 variables, called "c" and "notes". I'd like it to get the cookies onLoad, and save them onUnload. I've tried different codes, but right now I just can't figure out how to set notes and c to the value of the cookie. Could anyone please help me? Thanks in advance. Dear friends I need an help i am facing problem with my referral link as they are not supporting cookies. when ever someone going to my link they will going to sign up page but if someone going to any other link provided on the website and returning on sign up page again my referral vanished I have creating an blog for in by embadding my referral link using iframe. can anybody help me to resolve this problem. thnx in advance. Hi there Guys, I'm looking to set a cookie that lasts 24 hours and has a specific name. The function is to check how many times a page has been visited by individual people and display it at the bottom of a HTML page. I have an existing script that holds the data for 6 months that i have found as below. My question, Can any one help me change this to the required time? I'm a Noob when it comes to java scripting but enthusiastic to learn. Code:
<SCRIPT>
expireDate = new Date
expireDate.setMonth(expireDate.getMonth()+6)
jcount = eval(cookieVal("jaafarCounter"))
jcount++
document.cookie = "test jaafarCounter="+jcount+";expires=" + expireDate.toGMTString()
function cookieVal(cookieName) {
thisCookie = document.cookie.split("; ")
for (i=0; i<thisCookie.length; i++){
if (cookieName == thisCookie[i].split("=")[0]){
return thisCookie[i].split("=")[1]
}
}
return 0
}
function page_counter(){
for (i=0;i<(3-jcount.toString().length);i++)
document.write('<span class="counter">0</span>')
for (y=0;y<(jcount.toString().length);y++)
document.write('<span class="counter">'+jcount.toString().charAt(y)+'</span>')
}
</SCRIPT>
If I create a cookie in PHP here. PHP Code: setcookie('cookie_cl_'.$client_id, 'cookie_cl_'.$client_id, $time, "/","", 0); the php script is set on domain B the javascript I want to read the cookie is set on domain B as well However, the hosted on DOMAIN A Code: <script src=domain B .js> I want the cookie to remain on domain B, but if I open the JS file using domain A, both php and JS are using domain B, though I can't seem to get the JS to find the cookie, is it looking at domain A ? am I suppose to set a domain on cookie for this to work? Hopefully this makes sense. Hi all, I need some help. I have a javascript thing on my site that changes the css layout from standard to alternate, and that works fine. Now I am wondering if it's possible for it to store a cookie, that when any of the pages on my site (this javascript thing is on every page) are re-loaded or the user navigates to a different page, it will keep the alternate stylesheet. Then, when it is changed back, the cookie gets deleted. Here's my code: Header: Code: <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" title="default" />
<link rel="alternate stylesheet" href="/wp-content/themes/new/darkside.css" type="text/css" media="screen" title="darkside" />
<script language="javascript" src="/wp-content/themes/new/darkside.js"></script>
Darkside.js Code: // *** TO BE CUSTOMISED ***
var style_cookie_name = "style" ;
var style_cookie_duration = 30 ;
// *** END OF CUSTOMISABLE SECTION ***
function switch_style ( css_title )
{
// You may use this script on your site free of charge provided
// you do not remote this notice or the URL below. Script from
// http://www.thesitewizard.com/javascripts/change-style-sheets.shtml
var i, link_tag ;
for (i = 0, link_tag = document.getElementsByTagName("link") ;
i < link_tag.length ; i++ ) {
if ((link_tag[i].rel.indexOf( "stylesheet" ) != -1) &&
link_tag[i].title) {
link_tag[i].disabled = true ;
if (link_tag[i].title == css_title) {
link_tag[i].disabled = false ;
}
}
set_cookie( style_cookie_name, css_title,
style_cookie_duration );
}
}
function set_style_from_cookie()
{
var css_title = get_cookie( style_cookie_name );
if (css_title.length) {
switch_style( css_title );
}
}
function set_cookie ( cookie_name, cookie_value,
lifespan_in_days, valid_domain )
{
// http://www.thesitewizard.com/javascripts/cookies.shtml
var domain_string = valid_domain ?
("; domain=" + valid_domain) : '' ;
document.cookie = cookie_name +
"=" + encodeURIComponent( cookie_value ) +
"; max-age=" + 60 * 60 *
24 * lifespan_in_days +
"; path=/" + domain_string ;
}
function get_cookie ( cookie_name )
{
// http://www.thesitewizard.com/javascripts/cookies.shtml
var cookie_string = document.cookie ;
if (cookie_string.length != 0) {
var cookie_value = cookie_string.match (
'(^|;)[\s]*' +
cookie_name +
'=([^;]*)' );
return decodeURIComponent ( cookie_value[2] ) ;
}
return '' ;
}
EDIT: Actually, this is what happens: The user enters the konami code and a div shows/hides. There you are given the option to turn off/on the alternate style. Then I want the cookie to begin.. Ive looked it up on google and yahoo but i just cant find good explanations on how to use cookies?
if I set a cookie for domain=.domain.com how do I read the cookie for domain=.domain.com, cause the javascript won't no that the cookie even exist? Been running a lot of test on this today, and can't find the right solution. |
|||||||