So. I've been working on this stylesheet switcher for a school project, and basicly there are 3 layouts, "Standaard", "Zwart-wit" and "Printversie". What I want is that when you select one on (for example) the homepage, I want the other pages to apply the same stylesheet. I've been trying to do that with cookies, but it doesn't even work on one page.
PHP Code:
function setup() {
var current_style = read_cookie();
[code]....
I have been using document.cookie to write and read cookies.
Unfortunately, when I open my page in Internet Explorer, I don't see
what I wrote to my cookie while in Netscape Navigator. Similarly, my
page that I opened in Netscape doesn't see what I wrote to the cookie
while in IE.
Surely there must be away for IE and Netscape to read the same
cookie information ??. Otherwise, what happens if a user just happens
to be browsing my page in both browsers? They'll expect things to be
there, and they won't be there because one browser doesn't see what
was written in the other.
Any ideas on how to get Netscape to read cookies written by IE, and
visa versa?
document.cookie="yourdrive="+driveletter+"; expires="+"; path=/";
document.cookie="maindrive="+menuletter+"; expires="+"; path=/";
They end up looking like this in the cookie:
yourdrive E ~~local~~/ 1088 647360864 29848791 647360864 29848791 * maindrive C ~~local~~/ 1088 647360864 29848791 647360864 29848791 *
So they must be being set. I must have tried a dozen cookie reading routines and I can't read either of them back! Can anyone do it? I am sure it must be simple. But all I get is "false" all the time. Code:
I'm not to good at javascript. I know VB.net, but I have not learned javascript yet. I am working on a project to get a survey to pop up for new visitors on the index page of our site.
What I need to do: On load look for a cookie, if that cookie is not found run a script telling the site to pull up another page in lightview [URL] using its own "on load" command. If the cookie is there the site will not open this other page.
What I've done: I already found a way to do most of this, but I can only use a hyper link as a trigger for the site to load the other page in lightview.
Here is a link of what I have so far: [URL]
Now, I am not talking about some kind of malicious coding, or spyware writing by any means, but I do need it to be able to read the cookies from a site other than my own. At least I think this is what is required. What I am trying to accomplish is this; I have a stats package setup on a different domain than my live website and I am using it to track the stats of the users on my site other than paying for stats service through some other company, and it seems to be working just as I need it to, only I would like for it to be able to do a little bit more. Right now, all it is capturing form the user is their IP address, browser information and host information on their ISP. But, I would like for it to be able do more. I would like for it to be able to retrieve certain cookies generated by a different site and show me the information in which the cookies hold... I am not talking about displaying passwords or any such thing like that, I just need certain information.
View 1 Replies View RelatedSo I need to make a webshop for a school project.I wrote the javascript for my shopping cart page.I made an object Artikel and an object ArtikelList which contains an array of Artikel objects. Then I save the ArtikelList object into a cookie.But when I try to read the data from the cookie again I can't get it to work.Let me know if you need more info/details.Links with the javascript: [JavaScript] artikelToevoegenAanWinkelkarretje.js - Pastebin.com[JavaScript] winkelkarretjeInlezen.js - Pastebin.com
View 1 Replies View RelatedI've looked on several websites and several threads here regarding writing and reading cookies with javascript, and I just can't seem to get it to work. All I want is a simple text box with 2 buttons: Save and Recall. Text entered into box is saved to a cookie when "Save" is pressed, and at a later date when "Recall" is pressed the saved text will show up in the box.
View 3 Replies View RelatedTo read a cookie:
Code:
<script language=javascript>
<!--
var cook=document.cookie.split(";");
var pieces=cook[0].split("=");
document.writeln("Your javascript cookie is called: " + pieces[0] + "<br>");
document.writeln("Its value is: " + pieces[1]);
//-->
</script>
Is there a way to use Javascript to read a txt file, take all the words in the txt file one by one, then create a cookie out of each of them? Ideally, I'm also looking to create a prompt which asks the user if they want to set the cookie each time.The purpose of this is that I'm looking to create some basic browser based games (with information stored in txt files), so it doesn't have to be a script which works online. Everything is just run offline. If it makes a difference, it can also be, say, a doc file rather than a txt.I understand the idea of using activeX & IE to read the txt file, and after looking through this forum, I have found a way to load the entire txt into a form. I have not been able to advance my idea beyond that however.I've used Javascript before many times for webpages, but it generally comes down to me copying and pasting code, then just changing a few keys words. What I'm quickly trying to say there is that I can use js, but I'm not that much of an expert.
View 2 Replies View RelatedI'm trying to create a simple checkout system that utilizes cookies to pass information from page to page. Currently, my entire script works fine except for the read cookie portion. I cannot figure out what is wrong with it. It has been validated and the syntax is fine; it just doesn't work. I use the function with the onload call on my html file such as:
[Code]...
I wonder if some one could help me with an issue that I have with an image switcher.
I have 12 Images with a discription to each one. Now, the script is working, as it is now, but the background on the page is black and I am trying to change the font color to white (#FFFFFF).
I believe I have tried it all, and I can get the font color to be white on the working page (FrontPage), but I just can't get the white font to shine up in the preview browser.
Why I know that it is working? Well, I marked the text below the image in the preview browser and as I hover over the links, the marked text is actually changing synchron with the 12 images. Code:
PROBLEM 1:
I spent a lot of time finding code that would play an audio (.wav) file on a
mouseover cue that would work in Internet Explorer 6 and FireFox without any
user prompt to allow active-x scripts to be run etc, but unfortunately the
code does not work in Internet Explorer 7. Can you suggest an alternative?
PROBLEM 2:
When using a image switching code to swap an image to a .gif anim that plays
just once (created using Ulead Gif Animator 5), Internet Explorer 6 and
FireFox begin the animation cycle only when the image has been switched.
Unfortunately, Internet Explorer 7 seems to play the animation as soon as it
has been loaded so when it’s switched you only see the last frame. Can you
suggest an alternative? Code:
i have a feeling it has to do with the getElementById ?
<html>
<head>
<script language="javascript">
today = new Date();
christmas = new Date(2005,11,25);
function switcher() {
if (today==christmas) {
document.getElementById("logo").src="logo1.jpg";
}
}
</script>
</head>
<body onload="switcher()">
<center>
<img id="logo" src="neutral.jpg">
</body>
</html>
Is it possible to do something like this: On a site there is a link that says "Darken Page".Upon clicking the link, the background color turns black.The link then changes to "Brighten things up"So just a style sheet switcher, but with one link and changes
View 2 Replies View RelatedI've been applying a javascript based, user switch button to a site from this article: [URL] On [URL] (right top menu option).So far, it is working but the user selection is not persistent from page to page. I think it may have something to do with the onload and unload
actions in the attached js file: [URL]
}
window.onload = function(e) {
var cookie = readCookie("style");
[code]....
I was wondering if these functions have to be in the header of every page instead of in a linked file, or if there is something else I'm missing...
I have this style switcher which is awesome, therefore, the cookie does not seem to work, actually it simply doesn't.
<script type="text/javascript">
// *** 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 [URL] .....
How would you go about writing a script to switch the style sheet if low bandwidth is detected? Is this even possible?
View 3 Replies View RelatedIs it possible to fade the transition between switching one CSS to another? I am currently using
jquery style switcher to get the transition. I am also using prototype/ scriptaculous to make div fields appear and fade in a duration of 0.5, and would like to time the CSS transition to be in sync with the div transition. Please see link below to see the website that I am building and current CSS and div transition timings: [URL].
I am building a small store that sells T-Shirts, one t-shirt has 3 colours, so I wanted to display a colour swatch, and change the images that are displayed when the colour swatches are clicked.You can see the effect I mean on the following website by clicking on the colour swatch button: Daily Habits - EYE EYE CAPTAIN HOOD - KON Shop - King of Nothing.I have been hunting around for a tutorial on how to achieve this, but so far can't find one.
View 2 Replies View RelatedI am developing a site for a client that requires the printer friendly verison of the site to appear in a separate pop-up window. I am having trouble figuring out the scripting needed to have the current page open in a separate window with a different style sheet applied to it.
View 4 Replies View RelatedI am using the stylesheet switcher on dynamic drive . Is there a way to change stylesheets based on a querystring parameter? Basically, if the query string includes "&StyleSheet=BlueStyle" then call and set the BlueStyle.css and cookie on page load.
View 2 Replies View RelatedI am a jquery newbie and trying to make a template switcher function. Here is what I have so far: [URL]. If I click on "login page" or "member page" first, and then click on "Template 1" or "Template 2", it wont work. IE gave me "permission denied" js error. FF didn't give me error, but nothing happened. Is it because after we click on the login or member page, the DOM elements has changed, so it doesn't work?
Code:
$(document).ready(function(){
var templateframe = $('#templateframe').contents();
noclick();
$("#templateselect li a").click(function() {
var style = $(this).attr('rel');
templateframe.find('link').eq(0).attr("href", "styles/" + style + "/_css/main.css");
alert(templateframe.find('link').eq(0).attr("href"));
return false;
});
$("#pagenav li a").click(function() {
var page = $(this).attr('rel');
$('#templateframe').attr("src", "template/" + page + ".html");
noclick();
return false;
});
$('#applybtn').click(function(event) {
var title = $('#sitetitle').val();
if(title.length > 0){
templateframe.find('.content h1').html(title);
} event.preventDefault();
});
function noclick(){
$('#templateframe').load(function(){
//$('#templateframe').contents().find('.content h1').html('Hey, I've changed content of <body>! Yay!!!');
$('#templateframe').contents().find('a').click(function(event) {
alert("Demo Only");
event.preventDefault();
});});}});
I hopen a new empty window from js code:
var win =
window.open("","debug","width=500,height=300,modal,dialog,resizable");
and I add some element to the new window:
win.document.write("<img src="image.gif>");
win.document.write.....
How can I add the stylesheet information of the file x.css
(how and where I must write in the new window the line:
<?xml-stylesheet href="x.css" type="text/css"?> )
I am just about ok with html. Much less so with css. I have however used a
style sheet to link most of the pages in my websitever have to use my site!!!! Code:
I am using @font-face tag in my website. Everything works fine in Mac, Vista and Win 7, but fonts are incredibly ugly in XP. This is because font anti-aliasing is kept at very primitive level by default. In my opinion, the best way through this problem is to make a JS to change style according to user's OS. If it is Win XP, a simple stylesheet is used, if it is not- the standard one. I am using PHP embedded in HTML (index.php, rather than index.html) everywhere, so this complicates things a little. I am trying the following script, but it does not work:
<script type="text/javascript">
<!--
var browserInfo=string;
browserInfo=navigator.appVersion;
if (browserInfo.indexOf("XP")=-1)
{
document.styleSheets[0].href="style-xp.css";
}
[Code]....
I have exactly one external, alternate stylesheet that I want to enable or disable by form controls, on one page only (not saved across pages).
I used:
<link rel="alternate stylesheet" id="style-compact" etc...>
<input name="view" type="radio"
onclick="document.getElementById('style-compact').disabled=false">
<input name="view" type="radio" checked="yes"
onclick="document.getElementById('style-compact').disabled=true">
Is this the best way to do it? I want to reference the alt-stylesheet by
name (or similar), not index.
It works in my Camino & Safari. In IE-Mac, I can enable the stylesheet,
but not (subsequently) disable it again -- parts of the page just
disappear.