For sites like Facebook that allow you to crop your picture/rotate etc... Is there a javascript plugin out there that one can plug into ones site to be able to achieve similar?bviously the JS script must say it to a server side script for it to be saved to disk. But how is this achieved. Is this something one can code from scratch? I am really keen using one
View 4 RepliesI'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 edit some script to have the photos rotate randomly rather than rotate in order. (The first half of the script was generated by dreamweaver)((Also, this is not my own code to begin with))
function MM_preloadImages()
{ //v3.0[code].....
I need to know level of difficulty/hours needed to do this:
A user uploads a photo into an editing tool. It takes a couple of seconds to upload the full res version. Then, when the photos are being edited in the tool (cropping, color, etc.) it converts to low res for faster editing, so the high res image doesn't have to load every time there's a change. Once the user is done, and/or adds their final product, the manipulated image is saved to hi res again, for print.
What is the time estimate/level of complexity if this? The code is there for the tool (some advanced JavaScript), just need to change the speed of editing. Server disk write speed is plenty fast.
Let me start of by saying that I'm a designer, not a programmer so I'll apologize in advance for having very little knowledge of javascript.I found a free script for a auto-advancing slideshow that allows you to give each image in the slideshow a unique link. My problem is that when you click on one of the pictures the link opens in a new window instead of loading in the default browser window. I have tried to search google for an answer but my lack of javascript knowledge has left me scratching my chin.Here's the code in the head of my page:
<script language="JavaScript1.1">
<!--
/*
[code]....
My assignment is to create an online quiz with a random image generator. I have created my online quiz using 5 linking files and everything works great. My only problem is getting the images to show up on my quiz. All I get is the filename with a red X. Which the files do show up at random when I refresh, so I know that part is working. I just don't know what I am missing to get the actual picture to show up. Please keep in mind this isn't the whole code as I have different linking files for this assignment.
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" "[URL]">
<!-- Assignment CH10 Solution -->
<html xmlns = "[URL]">
<head>
<title>Online Quiz</title>
<script type = "text/Javascript">
<!--
var rimg = 0;
var pictures = [ "logo", "logo2", "logo3", "logo1", "cover" ];
function randpics(){
var myQuiz = document.getElementById( "myQuiz" );
rimg = Math.floor( Math.random() * 5 );
myQuiz.logo.src = pictures[rimg]+'.gif';
myQuiz.logo.alt = rimg + ' : ' +pictures[rimg];
} function checkAnswers() {
var myQuiz = document.getElementById( "myQuiz" );
if ( myQuiz.elements [ 0 ].checked )
alert ( "Congratulations, your answer is correct" );
else if the answer is incorrect
alert ( "Your answer is incorrect. Please try again" );
} end function checkAnswers
-->
<html>
<head>
<title>Restart</title>
<script>
var i = 1;
var msgarray = new Array();
msgarray[0] = ".";
msgarray[1] = "..";
msgarray[2] = "...";
msgarray[3] = "....";
msgarray[4] = ".....";
function setText() {
document.getElementById('msgtxt').innerHTML = msgarray[i];
i=i+1;
if(i==5) { i=0; }
testImage("../images/logo.jpg");
}
function testImage(URL) {
var tester=new Image();
tester.onload=load;
tester.onerror=setText;
tester.src=URL;
}
function load() {
top.centerFrame.canvas.location="../htmls/splash.htm";
}
window.setInterval('testImage("../images/logo.jpg")', 1000);
</script>
</head>
<body>
<table width="100%" height="95%" align="center" valign="middle">
<tr>
<td width="50%" height="100%" align="right" valign="middle">
<h3>Please Wait</h3>
</td>
<td width="50%" height="100%" align="left" valign="middle">
<h3 id="msgtxt">.</h3>
</td>
</tr>
</table>
</body>
</html>
Simple enough, checks to see if the image is accessible, I used it to check to see if my server had restarted yet, modify as you wish!
i'm making a script which flips topics on a news system, using divs so it updates on the page. i'm trying to insert text into a div as this happens.
i've tried using
var ndiv = document.getElementById("newsMain"):
then using
ndiv.document.open();
ndiv.document.write("news stuff");
ndiv.document.close();
with no result :(
*edit*
i get an object doesn't support this method error on loading the page
What I am going to explain is possible in JS and if I could find a snippet somewhere?
For the sake of simplifying, I have a an HTML table with several cells in it. Like a calendar.
What I need to do is be able to click on any one of cells in the table that contains text or a graphics image in it and edit the text or the img src then save the changes.
I am trying to make a table wherein I can edit the value of the cells of the table just by clicking on them. Is this possible?
I want it to be like a browser-based excel type of interface.
Would I toggle the visibility of the text and a hidden input form when the user clicks on the text?
But then wouldn't that require separate forms for every single cell?
Take a look at my code then I'll tell you what error I get...
The element with that id has been created and I still get this error when I try to style it...
My browser is Google Chrome.
There are times that I am using another person's computer who has no
knowledge of updating HTML and does not even know if he has the
necessary programs to do the FTP.
I may see a minor problem with my site and would like to change it on
the fly. What I would like to know are the answers to the following
questions.
1. Is there any way to display unformated HTML within a web page
without using the browsers source facility?
2. Is there a way to modify it? Maybe showing it in a form textarea.
3. Is there a way for javascript or a form to do an FTP back to the web
site? This would obviously require id and password.
I have this code in the beginning: document.write("<option id='test' value='move" + i + "'>Fire Blast</option>");
How do I edit the text Fire Blast to something else? The Fire Blast part is not attribute, so it can't be edited like:
document.movelist.name = "Something else";
I have an events form with date fields filled out manually, and wish to convert to pop up calendars. i have a pop calander script but it is updating all the fileld with the same date! as the call to the script is the same.
i am open to new ideas on this so i can have say 5 calendar icons for dates to be set in the date-text field when a date is selected in the popup. and then have the option to click more dates to open up more fields.
my fields are:
event title
description
date
start time
end time
has anyone do something like
edited:
when the form is submitted it then reads all info and adds to the MySQL database with the same field names and in the form.
I am trying to make a page where users could edit fields separately on the fly (using jQuery). Something like this:1. User clicks "edit" link -> corresponding field value changes to input with current value. And edit link changes to "save" link.2. User edits the value and clicks save link. The new value will be saved to db and will be shown and corresponding "edit" link is restored.Here is a start what I tried but I am a bit lost. I can't get to work even the link changing separated from all other functionality. Here is my code:
Code JavaScript:
function changeButton(id, type)
{
[code]....
how to do a text editing interface similar to the one on this forum, where you can click on a bold B to set the tags between the text to be bold, etc. How do you get a javascript window with a text field so users can enter the text, and then how do I enclose the tags around that value?
The rest of the stuff in PHP I can do (just substitute [b] for strong or whatever), but I'm baffled about the javascript bit.
Here is the string:
Jim Peterson 21 | Ed N 31 | Mary Joe 24 | jennifer baley 22
I am trying to grab all the text other than the "|" and output that to a text field (or global variable)..
How can we do this? I can't seem to find any scripts that show me exactly how to delete all those "|"...
is there a way to put "jim peterson 21" and "ed n 31", etc.. into their own variables?
i cant Delete the selected Row infact i am generating the Rows Dynamically but it always delete the row from starting Node.. Code:
View 7 Replies View RelatedI found script and put it on my website to validate email addresses. But now there are email addresses like q.com that can't register on my site because the script is looking for at least two digits before the ".com"
Code:
I am really new to javascript, and what I try to learn I can't seem to retain. Anyway, I have some text that onclick will allow anyone to edit it. I was recently told that this field should only be editable for admins. I don't know anything about the code or the website because it just became my project a couple weeks ago.
View 1 Replies View RelatedI am referencing an iframe from another server in my website. The iframe is in a table format, and I want to get rid of the top two rows of the table for my website. Is there any way I could display the iframe without the first two rows?
View 2 Replies View RelatedI'm trying to create a multi-field in-place editing: basically I have a series of values that I'd like to display as a text but when I click a specific button those texts have to become text-fields.
View 3 Replies View RelatedI am trying to use a code snippet fromthe code works fine however what I want to do is modify it so that when the user clicks the link to add another entry their would be a drop down <select> box to the left of the text input box. Which I have working but each time the link is clicked to add a new <select> and text input box row the previous <select> dropdowns seem to loose their values and only the text input boxes keep their values. So I am not sure where/how to edit my below code to work properly
Code:
below javascript controls the functionalty of the script
var arrInput = new Array(0);
[code]....
I'm trying to setup a mail merge using a gmail docs script from [url]. So far, it works pretty well, but I want to edit it to include the following:
1) The script should start with "Dear Noah" as opposed to "Dear Noah_Kaplan"
2) I want to add my canned response to the script so that it always appears at the bottom of the e-mail.
3) Lastly, I want the outgoing mail to be saved as individual drafts in my drafts folder in gmail before it's sent out. That way, I can decide if I want to add a sentence or two to personalize each individual email draft.
By the way, here's the script I want to edit:
I'm making a little script using jQuery to send a sentence to a textarea by clicking on the text.
It does this fine however, if I edit the textarea to remove a sentence manually, I can no longer click on the sentences to send them to the textarea. Don't know why this happens. It's been a while since I played around with JavaScript.
I've tried to google this but cannot seem to find an answer. Does anybody have an answer for this? Or could you perhaps point me in the right direction to find the answer?code...
I am trying to figure out how to make an online quiz via Javascript, based on just a couple questions (4 to be exact) from a question-bank, and I want only 2 of the questions out of the 4 to appear when the quiz is taken (randomly of course).I found a great template online for what I want my quiz to look like, however, it does NOT have the random add-on functionality I would like.I am not looking for the 'answer' or for someone else to do the workHere is the quiz template I found:
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN"
"http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[code]....