I have built a website with draggable scaleable items on a page. You can see what I've done here... [URL]
It uses java script from... [URL]
What I need the site to do is remember the position and scale of the items so that when visitors return to the site the items are where they left them.
I believe it is possible to store this information in a cookie, however I have no idea how to do that or make it work.
I'm doing a text resizer with a cookie to remember the font size level. I'm running into a little problem and was wondering if someone sees something obvious I'm missing. The cookie is being set/read OK and the text resizer works when triggered manually, but it's not being executed on page load when you navigate to other pages.
For example, on the home page, I set it to the largest size, size 3. This gets set to the cookie. If you quit/relaunch the browser, the cookie still reports size 3. Also, when you navigate to another page, onload, it reads the size 3 and it passes it to the textResize() function (these are my console.log() lines), but the text isn't actually resized on page load. If you trigger the text resizer manually, it works.
I'm controlling the font size by adding (or removing) a class to the body tag. Anyone have any ideas why the text isn't resizing automatically onload?
I'm having a slight problem with php pagination and jquery/js. On the following page [URL] you'll see an "athlete profile" area. Whenever an athlete photo is selected, javascript/php are used to switch out the athlete info. This works perfectly fine. The problem occurs if I use the left or right arrows to view more athletes (the left and right arrows are set with php pagination to switch to the next four records in the database). Whenever I do this, the athlete info defaults back to the first person from the initial load. Also, the javascript/jquery quits working and won't let me view the info for one of the newly displayed athletes. So I have two questions:
1) why it defaults back to the original athlete info? I'm assuming it has something to do with me not setting a cookie to remember the currently selected athlete.
2) Why does the javascript quit working when I view the next set of athletes?
Also, the jquery slideshow that I am implementing is an alteration of this: [URL]
how do you save the position of a widget or list ?[URL]...
View 3 Replies View Relatedmy name is ajayraj i want to store value in java script variable from drop down list means if first i selected India from drop down then value of var msg=india after i selected Pakistan then value of msg= India+ Pakistan like that How can I do that?
View 1 Replies View RelatedI want to make my site more accessable without duplicating my website.
I have included a link on each page that allows a user to view my site without loading my css stylesheet. The only problem is that a visitor has to click on the link in every page. I want to use a cookie, but I cant get my head round writing the cookie script, that will remember the enable/disable links throughout my site (preferably for just the session). Code:
Here's the website code...
Id like to make it to the site remembers whether someone choses the english or french version of the site. How hard is it to do something like that?
Can it be done in javascript?
FIRST THE CODE...
MY PROBLEM:
OK, if you load this up into your browser, you can see I have two lines of text that show/hide themselves by clicking on the other line. I know how to set the cookie name and the two different values ("show_hide_cookie=line1", "show_hide_cookie=line2") and I can see that they are there when I view my browser's cookies. But I've spent hours trying to figure out the javascript code to get it to read the cookie and remember the preferences. Right now of course, if you click on the first line and then refresh your browser, it resets the second line back to the first line.
I have just got my web site to the point where I am about to upload
it, but I have come across a problem which I do not know what to look
for on the web. I will try to describe the problem the best I can. I
have a page with pictures in a table of 3 X 10 all pictures are
thumbnails 100 X 90 all is just fine, but I have a link to pages from
the thumbnails but when I return to the thumbnails I start back at the
top of the thumbnails page. I have been told that this can be done
with JavaScript but I do not know what to look you on the web, I have
tried to look for something [Remember page position, Page history] but
with no luck I have not done any JavaScript before and do not know
where to start, so any help would be great.
I have a problem with my code. I implement different Tabs into a Microsoft Office SharePoint Server 2007 site (.aspx). Now everytime I select a tab and refresh the whole page, IE7 cannot remmember the last session and navigate automatically back to tab1.. Properly I need to set Cookies. Im a beginner in using cookies and coding javascript..
[CODE]
<%@ Page Language="C#" MasterPageFile="~masterurl/default.master" inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" meta:progid="SharePoint.WebPartPage.Document" %>
[Code]....
I want to remember the scroll position (Vertical). So I have 100 articles per page and I pick
one article to view its details.. that is on new page. So when I hit the browser button (back) I would like that browser puts the scroller where it was. I think I should use cookies for that... but how?
I am making an iphone app...the how-to section is basically one long page that shifts the view to a different div on a touch event. So, say I scroll down 50 lines on div1 and click a link to take me to the top of div2. How would I maintain the scroll position of div1 so when i click 'back' it shifts the view back to div1 and to the last position they were at?
View 2 Replies View RelatedI'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]....
Looking at jQuery to replace my zoo of scripts, but can it do this? I want a movable dialog with position remembering in a cookie. Searched all over Google but found no demos that actually worked. Will be happy to click a link to a sample page, if I see it work I can figure it out.
View 3 Replies View RelatedI have written some code using transient cookies to send an edited
essay from one html page to another. Each paragraph of the essay is
saved in separate cookie. If the essay is 4 paragraphs long then I
write 4 different cookies.
This works on a Macantosh in Internet Explorer but for some reason on
a PC the cookies turn up empty. If I make the essay shorter then it
works on a PC, so it looks as if I am running up against the size
limitation on cookies? Is 4kb the limit of the total number of cookies
on a page? Do transient cookies have the same size limit as cookies
with an expiration date? I dont even think the essays are 4kb long.
Should I give up on cookies to move so much data and if so what
technology would you recommend I use? (No Database).
I am trying to write a Javascript that sets and checks a cookie based on font-size buttons that increase and decrease the font-size in a certain div. The increase and decrease of the font in the right div works fine, the cookie doesn't seem to be working. Attached is my code.
<html>
<head>
<script>
function getCookie(fontSize_Cookie)
[Code]......
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 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.
in reference to this script [URK] the script below holds the position of the div by a cookie. I wanted to get someones advice on what the smoothest method to have many moveable divs on the same page, all with cookie placeholders would be.
<!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>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Drag me</title>
[Code]....
I want my divs (position: absolute) to be positioned relatively to window size My page is a main table with one cell containing all the rest This cell (anf thus my page) is centered (top and left) Each menu link has onMouseOver which shows (visibility) the corresponding layer (div)
Each visible/invisible layer is positioned on the same spot I use absolute positioning for the divs because some browsers don't support positioning relative to tables My question: is the following code the only solution or am I making my life (slightly) complicated over nothing?
This thing works on NN4, 6 7, IE 4, 5, PC and Mac -- that I know of; repositions divs onResize, with reLoad fix for !#+x°! NN4 I get the window size: Code:
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?
[Code]....
I am new to Jquery mobile framework.I have an asp.net web application and I want to convert it into Jquery mobile framework.I have a datalist on an aspx page.The size of the datalist decreases according to the window size to certain extent after which the size of the datalist becomes constant and doesn't decrease with the window size.
View 2 Replies View RelatedI have 3 tabs that call an external ASP page that has a rather intensive Database query and takes a while to execute and display. On my tab there's a link to another page. once that page is finished the user goes back to the tab. But my problem is it's going back to the database page (that takes a while to execute).Can the original page be cached and remembered so that I dont have to keep calling my database page?
View 1 Replies View Relatedi have a slider ( slideup and slidedown of a div box ) and in the div box i have a menu. If i click on the menu the page will refresh and my div box do not show because standart the div box is up ( slidup ). can i make jquery remeber how position is my slide ? if the page do refresh i will see my div box.
View 2 Replies View RelatedCan 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]...
#navigation li is the parent element, which is positioned relative.The ul element above that is also position relative. I previously tested a click function and was able to confirm I was getting the correct position back, so now I just need to set the CSS property correctly for all of those links.The reason I want to do this is I have a set of links that appear over a photo of a city skyline. When you hover over those items, I want them to be given a background image that is a blurred and lightened version of the same photo so it needs to line up (sort of like the tabs are made of frosted glass).
View 1 Replies View Related