I 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.
Can 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:
I 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.
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:
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 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 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?
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 am building a simple t-shirt creator app for my shop and I am using the interface.js library: [URL].. docs/drag to drag/drop and re-size the graphic on the shirt background image.
Once the user has chosen a spot to put the graphic, how do I save the background image of the t-shirt with the image they dropped in the correct spot? Like, to merge the two graphics in place?
Using a UI dialog I'd like to load in 10 or so images. Each would be unique and after you click on one the following needs to happen:
1. Image appears on the parent page in a specified ID.
2. A "hidden" field is updated so that when the user submits the db is updated with their selection.
3. Dialog closes automatically.
That's it. Basically it would work similar to "datepicker".I'm using the latest 1.4 and ui and been making great progress as learning basics. I need to do the above and it seems like such a no brainier and or it should already exist but after 2 days of searching and trial and error...
I'm looking to build a user form where the user can drag and drop markers onto an image and then retrieve/send the resulting new image with markers back to the server for processing.
what UI functions / Framework will be in the right direction to achieve this?
Anyone familiar with some existing similar functionality?
I am trying to save a div where I have inserted an image with insertimage() to a mysql databe, everytime it garbles my table for some reason, a div with text only works like a charm. I use serialize/deserialize.
I have the following down code to display xy of image pixel I want to add an event ( onclick ) to save the current xy to an array after that I want to add a button to display the previous saved xy in this array...any clue??
<html> <head> <script> function showPosition1(evt,elImage)
I want to crop a portion of a web-page using JavaScript.I got some JavaScript.By using those script i can corp image but i am not able to corp a portion of a page.
I've been trying to find a topic talking about how to save a jqplot chart as an image (jpg,png,bmp.....) but i couldn't find anything wich was related to jqplot (there was only canvas2image which was close but when i tried it, i figured that it wasn't designed for jqplot...... :s ) ,
I need that function because when i copy/paste the chart from internet explorer 8 the chart is all different (the x,y axis and even the curve isn't at the right place..
I am trying to design a system that allows users to draw on a whiteboard with different colors, save their drawing into hidden input boxes in the form on the page, then they can click Save Logo to save it to process it through PHP. I have the whiteboard that allows them to draw, but I am lost as to how to get the thing to populate the hidden input boxes.
So, I have the following code:
<HEAD> </HEAD> <BODY>
[code]....
What I am trying to do is use the function mousedown(e) to include an event to update a hidden input box with the value of the TD's background color that the hidden input field is attached to, so that it can be tracked when the user hits Save Logo at the bottom of the page. When they hit Save Logo, I want the form to post to itself, go through each of the input hidden fields and capture the color for each table cell, then generate an image based on the generated array, save it to a file on the server with the user's $_SESSION['userid'] as the filename + .jpg.
The problem is, though, that I do not know how to tell JavaScript to do this in the function mousedown(e) code. Also, look in the function table_create and see if I am naming the hidden input boxes correctly; not sure if it will generate the wanted result.
Just a note: I can handle all the PHP handling of the form, I just need help with the Javascript.
Edit: I attached the entire script/page to this post because so many functions rely on each other to operate, and I'm not exactly sure which function will need to be modified to get the desired result. Also, you can copy the code to a .php file to see what it looks like (as that may assist in demonstrating exactly what I'm trying to do, visually).
Edit 2: I suppose what I need to find is how to get the JavaScript to assign a value to the hidden input field that has the same id as the TD field that it needs to be linked to.
Bit of a lengthy topic name, I know - I'm trying to make a sort of really lightweight online t-shirt designer - basically, it'll show a picture of a t-shirt in the background (you'll be able to change the color via selector), and then be able to upload an image, drag it around the t-shirt and resize it. I've found this: [URL]. But I have no clue (after looking at the JS, I'm still pretty new) how to set bounds to keep it in, or how to save/output the image it creates - that is, the uploaded image on top of the t-shirt needs to be saved as a single image and then output, probably via email. I am fairly fluent in PHP, but still pretty new to javascript. What is A, the best way to upload the user image (and give a max file-size) and B, the best way to drag/resize it around the t-shirt, but without moving it off the t-shirt image, and C, save that image then output it?
have to copy and save a selected area from a .php or .html file it contains a table in the my current webpage and have to copy and save a table data or image in table data so that It can be available as saved image for future reference.
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.
