I am using a script found on Dynamic Drive and edited it a bit to fit my needs. Its a script to toggle a content area and at the same time display a + or - depending on if the content is displayed or not. The problem, the state of the content area is saved in a cookie, but the +/- state is not. I have gone over some cookie tutorials and looked through the forums, but I just couldnt figure how to edit the code to make the +/- save state. Code:
View 2 RepliesCan I make a list of hyperlinks that users can customize and save as a cookie by clicking a button and automatically retrieve the cookie so it remembers their list next time? This is kind of what I want to do:
[Code]...
I've been using the accordian tutorial but was wanting to save it's state after I click the link
[URL]
for instance if I open the accordian to heading two and click link 4 it would be great for it to stay like it on when link4 page loads (so the users know where they are)eg:
Heading1
Heading2
-link4
[code]....
[URL]In the documentation there write that i can save the state of my open and added widgets. But how?
View 6 Replies View RelatedI have a little problem with saving a single checkbox state (check or uncheckd) for a session with jQuery.
I did find similar problems and solutions but i couldn't apply the help or solutions to my situation. So i give it a little try here..
Good to know is that I'm new to jQuery.
What i would like to achieve
I have one single checkbox that, when checked, will unhide some div's. When you uncheck the checkbox the div's will hide again. This is sort of an "Option". This works fine with the piece of jQuery code i have now.
The problem is that when a user checks the checkbox and then loads another page (/page2) the checkbox is unchecked again. I would like to store the checkbox state for a session. So users don't have to check the checkbox again, and again after browsing to the next page (if they wish to use this option).[code]...
I'm creating a script that saves my collapsed/expanded panel's state. This is my code for the collapsible panels. code...
View 3 Replies View RelatedI have this in a FORM tag:
OnSubmit="return SendForm(this);
to save the content of the form in a cookie. But I need to save it a on windows print,
where I reload the form with a css for print. Therefore the form must be filled in again from the cookie. But how do I save the form without submitting ?
I retrieve the saved data with:
onLoad="OldForm(document.forms(0));
I found this script online that lets users on an iPhone drag boxes around the screen. The problem is that when you reload the page, the boxes are in different positions than what they were before the reload. Like, you would drag the boxes around and then reload the page, but the boxes would be in the default locations. I want the boxes to stay in the same spot that they were the previous time they moved them. Does that make sense? Anyways, here's the example I found online: [URL] Only works on iPad/iPhone/iPod Touch.
View 1 Replies View RelatedI have an image switcher script setup. Its very basic and changes the image displayed on click of a link. Here is what I currently have:
Javascript:
<script type="text/javascript">
function changeIt(imageName,objName)
{
var obj = document.getElementById(objName);
[Code]....
Its very basic but does what I want. What I'm attempting to do is store the image selected as a cookie so that when users refresh/navigate to other pages the image stays to the one they selected.
jQuery resource I'm using a accordian menu I found here:[URL]...I'm using it on a development site here:[URL]... It's being used on the left hand side navigation which are coloured Red, Orange and Green.
The menu is supposed to maintain state when you click through to the various sections, however it appears to jump between the Red, Orange and Green sections.
I've cheked that the cookie is set and using the unique identifier but it's still not working.
I want to detect if a user is coming from a given url. If he is, the url is stored in a cookie and a div is displayed in top of the pages when he navigates around the site.
How do I do that?
how to save data like : position, style, etc in a cookie, using jquery, and then to load that data back if i need to.
I've been researching and i found some plugins but i cant put the script together,
i would like a simple working example or some good documentation because from what i read it doesn't seem to be very hard, but on every forum I've been that talks about cookie setup there is not so much info
i need to know how to do this, Im reading the documentation and I know I have to get the cookie plugin and set up the variable:
[Code]...
i have a table of images, with onmouseover,onmouseout and click events. The user can select and deselect an image. When an image is selected, the image scr changes.
Then the user can confirm his selections and redirect to another page for the checkout process. When he returns to the first and initial page, i want his selections to have a different image (lets say confirmed.gif).In other words to save his selections in a cookie and return them by changing the images so that they wont be available for selection.
In order to find which images are selected and store them in an array i can use the following loop:
function getSelected(){
var myArray = [];
var images = document.getElementsByTagName("img");
for (i=0;i<images.length;i++){
[Code]....
How i can save that array with the images tittles in a cookie, so that when the initial page loads i can find which images to change and then change the image.src to confirmed.gif ?
I've been researching cookies a bit, and I attempted to create a function that if you select a background name from a drop down list or anything for that matter, it will save the background in the cookie, and display it in a div background for later use. Now I can't quite figure out why there is a problem with this script, but the error checker tells me there is.
Heres the code:
<script type="text/javascript">
//Get Cookie
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
// if cookie exists
if (offset != -1) {
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset); .....
I have lots of links in the page, click each one addClass 'voted' to this link. then save the effection into cookies. so that next time refresh web browser, it will save the addClass event. I use jquery cookie here: [URL] My code here, but it will only save 1 cookie. I mean if I clicked link 1, link 2. it always remember the last click. refresh the web browser. only link 2 addClass 'voted'. link1 missed addClass event. so how to save multiple cookie for every link?
[Code]....
On one of my sites, I have a reather involved page (searchable map).
When the person leaves the page then all the AJAX generated
information is lost. Is there a way that I can retain all this data
in a cookie or so or how would you recommend I saved all the users
information (perhaps using a database on the serverside).
I have a Javascript used to adjust the fontsize on a webpage. This JS does not create a cookie to save the users setting, so if he goes to another page on the site, the default font size is shown.This is the JS;
Code:
var min=8;
var standard=11;
var max=15;[code]..........
What I need, is some code that will create a cookie, so that the users settings will be used throuout his whole visit.
I'm trying to use the cookie plugin to remember the state of a navigation menu from page to page. Here is the snippet of code from towards the top of my page where I am including the jquery files and cookie plugin. The second part of the sample tries to determine whether the cookie exists.
[Code]....
I used the code from the following article...[URL]
$(function() {
$('img[data-hover]').hover(function() {
$(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover',
[code]...
why does the rolled over image's src return to the original value when the user rolls back off it?
To say I'm new to JavaScript is a bit of an understatement so bear with me. I have a site set up with a variety of layers of toggles. When you enter the site all of the items are collapsed and you click the headings to expand. Each of the toggle-able items have ids. It works great for users who start at the homepage.
However, when I send people to any of the inner topics, all they see is the initial collapsed state of the site. I want to be able to provide a URL that will set the toggle to open, and show all of the content for that section on entry.
Here is my code and js, can anyone point me in the right direction?
[Code]....
How can I preserve the session state of a SharePoint browser state using javascript?
View 2 Replies View RelatedI am attempting to make a menu that has a background image that changeswhen you rollover or click a menuitem. I've got the hover effect working fine with CSS, but am trying to implement the click event via jquery with the following:
CSS:
div.SustainResourcesMenuTabs
{ background-image: url('/images/departments/commdev/sustainability/menu_tab.jpg');
}[code]....
My process is to reset the entire menu to the inactive state, then switch on the active state for the item that was clicked. Eventually, the item that was clicked will display its corresponding body section as well. I've tried using the CSS pseudo-class "active", but since the entire div is the link, that is unavailable. I've also tried multiple variations of addClass/removeClass, toggleClass, and setAttribute/removeAttributebut nothing hasworked so far.
In my site I show low quality pictures. When someone right clicks an
image and selects 'Save Picture As...', I wish to let him save the
high quality picture.
When you right click on a link you get the option to save target as...(ie) and save link as...(netscape). Is there some JavaScript to call this function like the JavaScript to open a new window?
View 3 Replies View RelatedI am making a sort of text based game (Just a hobby) I like to do that sort of thing. So, anyway, considering all I can really do is code HTML, and very, very light javascript, I kinda need some help.
I basicly know how to do everything except affect & Use the cookies. So what I need to do with them is to
#1.) Have a code to change the cookie number, say... on the click of a button.
#2.) Have a code where it only displays certain text if the cookie is a certain number.
I cant code JS and have no idea how hard/easy this is.
If it is insanely hard & needs a master coder, just tell me and ill take it off. I dont want to be wasting anyones time.