Firstly visit the following page: [url]
As you can see, it is editing images using the HTML5 canvas and the plugin pixastic.
Once the image has been edited, I need a way to store that edited image. Perhaps in an array or database (all suggestions welcome)
On top of this, it would also be nice to be able to display this array of images in the bottom blue box, although this is not essential.
I could use some help with a form I am trying to complete. If someone could PM me and I could attach the file. It's only a small problem but I am tired of spending hours trying to figure it out.
View 1 Replies View Related---------------------------------
The Problem
---------------------------------
I have made the following structure which uses Dynamic Object Module (DOM) to
add/remove a field on the page which works perfectly fine.
I have a database whose structure contains tag,date and ip as field.
Now I want to send whatever data has been written on the tags field to be
stored in the database in the tag field of the db.
I read on a forum to use implode function or serialze function and then post
the data (which is combined) to the database.
I didnot understand how to use the implode function WITH REFERENCE TO THE GIVEN TASK.
I am storing whatever the contatenated data from all the tags fields (the no. depends
on the click on add button) in a variable 'tag'
And I want all the individual data of the field using DOM in variable tagarray.
Please tell me what will be relationship between the tag and arraytag so all the
array of tags field are concatenated and stored in tag variable.
How do I define the index of tag array and the the variable tag. Code:
Problem with storing values in Array from php to AJAX index.php [code]What is the problem? What should I do to get the desired result?
View 1 Replies View Relatedim not new to javascript but arrays still confuse me exspecialy when put into loops.ok say i had 2 arrays i have used jquerry to extract a question lets say this is the question.How long is a piece of string?so what i want to do is search the question trough a array with 21984 and more in the future when it finds the match it then looks at the answers array at the same array length as where the question was found then sends the answer to a variable for later use could someone give me a example on how to do this please?
View 3 Replies View RelatedUsing javascript how do I remove all the data within a particular table row and store it in an array. Then if the user wants it back I append the information to the same table again from the array.
View 4 Replies View Relatedneed urgent help with javascript arrays. I need to store the checked value of the radiobutton into an array and then display the result from that array.I have created an empty array to store the input from the textbox of the form using the JS insert() function and then used show() function to display the result... but I am unable to display which option the user has selected from the radiobutton.if you look at it in the browser, and type in a name in the name textbox and click submit....it displays the result (which was stored in the inputarray) but the radiobutton doesnt work...gives.."undefined" and should give either Male or Female, depending on what the user selects.
View 2 Replies View RelatedI have a program where I will get Terrain coordinate values x and y in a pop up with left mouse click event hovering in a 3D window like google earth. I want to store those values in an array.
View 1 Replies View RelatedI want to create fileds on my form that can not be manually edited
through the UI of the form. Instead the (visible) content is changed
through changes on other parts of the form.
e.g. making a selection from a list changes the content of the field
mentioned above. I don't know the html code to create such a field on my form. Can
anyone help me out?
im trying to update a text area value with edited code with javascript
View 2 Replies View RelatedIm Using YUI 2.4.1 and the dragdrop text box is not edited upon mouse clickin FireFox 3.0 where as it works fine in IE.I iwsh i would get some light on this.the file used is dragsrop-min.js
View 1 Replies View RelatedI seem to keep chaging my mind about the best way to do this. I am trying to make a gallery that will display images on a page (without a database!) from a folder when a link is cliked. I have used PHP to read the file paths into an array - and this seems to work perfectly. Its output is similar to this:
galleryarray[43]="Autumn 08/Allt Ddrew (7 9)/DSC_0315 (3).JPG";
galleryarray[44]="Autumn 08/Allt Ddrew (7 9)/DSC_0332 (3).JPG";
galleryarray[45]="Autumn 08/Misc/100_7515.JPG";
galleryarray[46]="Autumn 08/Misc/DSC_0042 (5).JPG";
[Code]...
Okay, so I've been trying to pick up JavaScript and JQuery. And I have a few questions, would be very grateful for answers: -If I'm making a sliding image gallery with JQuery, how do I store my images in an array? I take it this is the best way? I've made a JQuery gallery by assigning each image an ID, and hiding the ones that aren't required. This looks like bad practice though.
I take it it should work with a standard JavaScript array, then reference the position of the image I've loaded? like [0][1][2] etc, but something must be amiss in my code. So basically, I've animated my image in, and there's a next button that I want to take me to the next image in the sequence.
i want all of the images to preload, but i want to do it in such a way that i don't have to list all of the images a second time.. I want it to somehow grab all the images from the array and load them. is there a simple or relatively easy way of doing that?
View 4 Replies View Relatedmanipulate the code below so rather than it rotate 1 image it rotates an array of images of say 3 images. Which will be placed in different places on the page.
<!-- TWO STEPS TO INSTALL RANDOM IMAGE:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
[Code]....
I know I probably have to recode this, but is there a simple answer?
var ImageArr1 = new Array("images/sponsors/deanst.png","images/sponsors/vroom.png","images/sponsors/lfest.png","images/sponsors/beontrack.png");
var ImageHolder1 = document.getElementById('Rotating1');
var ImageArr2 = new Array("images/sponsors/paulmitchell.png","images/sponsors/sinnersaint.png","images/sponsors/pinksofa.png","images/sponsors
[Code].....
I am currently working on an announcements portlet for a dashboard that my team is creating. What is desired is to be able to have this portlet access a stored text file (file can be edited so content is subject to change) that will have all the information needed for these announcements. The JavaScript will then write it into a html file. I am a novice at html, and javascript;
View 5 Replies View RelatedI have a random image JS that I need to add links to ( well, the same link but to all images) something I am doing is not working. I just need to add a link (asp/course_tool/default.asp) to each jpeg. Code:
View 2 Replies View RelatedI am not sure this is possible but it seems like it should be. I want to populate a javascript array with all the image files in a dorectory. I want this to be dynamic so that when I add an image to the directory it get included in the array.
Any ideas? I am sure there are many javascript wizards out there who can point me in the right direction.
Looking for a little bit of help. I created a simple script a while back in PHP which reads all the images from a directory and assigns them to an array (reading for loading into a document). Would I be able to do this in JavaScript or does it not have these kind of privileges?
View 6 Replies View RelatedFirst off, The application in question can be found at:[URL]... It uses pixastic, then the "convert to png" button converts the canvas to a saveable image. The application is going to produce a slideshow using the edited images. I obviously have the option of allowing my users to save the edited images locally, and then reload them to create the slideshow.
Ideally though, I would like this image loading process to be done from within the browser though.
I have an image on my page. And I want, when someone clicks on it, it must cycle through an array of images. However, I can't seem to get it to work.
HTML Code:
<div id="slide">
<h3>Some of my work</h3>
<img src="images/slide/slide1.jpg" width="650" height="300" alt="Slide" id="slideShow" onclick="processNext();" />
</div>
Code:
window.onload = initLinks();
window.onload = processNext();
var slidePics = new Array("images/slide/slide1.jpg","images/slide/slide2.jpg","images/slide/slide3.jpg","images/slide/slide4.jpg","images/slide/slide5.jpg","images/slide/slide6.jpg");
var thisPic = 0;
function initLinks(){
document.getElementById("slideShow").onclick = processNext;
}
function processNext(){
thisPic++;
if(thisPic == slidePix.length){
thisPic = 0;
}
document.getElementById("slideShow").src = slidePix[thisPic];
return false;
}
I have an image sitting in a <td> tag, and I want the image to change every 5 seconds. I have a total of 3 images that I need to cycle, and I need it to go back to image1 after displaying image3 for 5 seconds.
I want to call the changeAd() function from the setInterval method within the startAdPAge() function because I am going to be adding more statements to the startAdPage() function, so the body onload event will call the startAdPage() function, which will in turn, call all the other functions.
I was using an if/else statement in the changeAd(), but that only changed between image1 and image2, so i am trying this array, but now it is not changing at all.
[Code]...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
The script works if the images are stored within the HTML but when I try to store them in the JS array, it fails. Is there any way to store the images in JS with this script?
On a button click - Ive created an object, with some properties in it.If I want to access those properties when clicking another button.how would I call a function which returns circ.area() on another button click, if the first Button calls build()?
View 1 Replies View Relatedhow can I stored the value within an a href tag for example my php page does this
Code:
echo "<li><a href="JavaScript:article('$id')">".$row['title']."</a> </li>";
which prints this code on my ajax page
Code:
<a href="JavaScript:article('40')">What is the difference between Archiving and Trashing an Article? </a>
I want to save the value within href so that I can use it later. Please note its ajax so location.href doesn't work.