JQuery :: Plugin To Let The User Draw Rectangles?
Aug 21, 2009Is there any plugin to let the user draw rectangles (probabbly withmouse clicks or key-arrows) and store the coordinates in a hiddenvariable ?
View 6 RepliesIs there any plugin to let the user draw rectangles (probabbly withmouse clicks or key-arrows) and store the coordinates in a hiddenvariable ?
View 6 Repliesfew days ago I wanted to post a follow-up to an issue reported on my plugin on [URL] just to find out some really weird things are happening there.
First I couldn't post the reply with an error telling me I didn't select any project. So I checked the dropdown list of projects to manually find the Reel project. It isn't in the list.
Then I tried to search for Reel project. With no luck.
I also tried a breadcrumb link on the issue page which finally led me to my project page - [URL] where I saw another unusual thing - a pink background underlying the page.
So I filed an issue there -[URL]
But things got much worse today...
Now when I'm logged in i see "ACCESS DENIED" nearly anywhere I look - jQuery Plugins Website Issue Queue, my plugin homes, my issues, the support request I filed, even on the jQuery Plugins homepage.
Under My Projects there's "You have no projects". Even though my other plugin - [URL] - seems to still exist
I have two projects there and even when I'm not logged I'm able to see just one (longclick), the other (reel) gives me access denied.
I'm also denied to post a follow-up to my support request, hence I'm posting here.
some jQuery Plugins Website insiders? what the heck is going on with my account and my Reel project?
I have recently downloaded the jQuery Validation Plugin, and I want to use the bottom part of the demo [url] (Validating a Complete Form) and I have some questions to ask:
1. I want the validation to work after the user clicked "Submit"
2. If a column is wrong (username already taken or password length invalid) I want not only error message but also a picture in front of the error message.
3. I hope that after the user clicks "Submit" and then found a column is wrong then correct it, after the user corrected it and click to other place or other column the validator starts again to check the column the user just edited whether the user just corrected a wrong column or edited a correct column into error.
4. I hope to display a image in right of the column if that column is correct after the validator works.
In a registration form middleName field is optional. When the users enters his/her middleName, then it should validate that field. I have used the following code to achieve the above scenario, but it is not working.
$("#middleName").rules("add", {checkName: true, required: false, messages: {checkName: "Please enter a valid middle name"} });
jQuery.validator.addMethod("checkName",
function(value, element) {
var regExp = new RegExp(/^[a-zA-Z0-9s|,|.|-|']+$/);
return regExp.test(value);
},
"Please enter a valid name."
);
How to achieve the above scenario.
I am new to jquery and I need to make a form that allows a user to select a state and a city that they go to school in. I am using the cascade juqery plug-in [url].
Which I think is a great plugin) The problem is there is a lot of data and it takes a long time for it all to load (some 28,000 records).
What I want to do is split it up into different files and then load only the file that contains the data for that start/region.
A sample of my code is blow:
My html:
Any jQuery plugin that people would recommend for drawing bar charts or general graphs?
View 5 Replies View RelatedUsing the jQuery SVG plugin, is it possible to load a large .svg and then only draw certain parts on an as needed basis? For example, if you have an outline of all U.S. states but the user only wants to see a certain state. Taking their input, you draw just those lines that are needed.
If this is possible, please point me in the right direction or provide some example code. I am currently using: $('#fp').svg({loadURL: '../rockwell-working2-merged.svg'}); Which displays the entire svg.
I am new to jQuery and wrote a tool for my job that uses the accordion and tab plugins a lot.
However, I find the ability to only load one draw at a time to be limiting.
I am looking for a plugin that functions exactly like the accordion and processes the HTML in the exact same way, while using the standard UI css that allows for more than one draw to be open at any time. I still want the first draw to be loaded first, and would like a 2nd click on a draw header to collapse the draw.
Anyone care to either assist or help out? I have dabbled, but everything I have tried so far requires css be added to the base html which I do not want.
I want this:
To be handled just like the accordion would handle it, while allowing more than one draw to be open at once.
malsup has kindly created this progressbar but hasn't explained how to implement it into his cycle plugin. [URL] I am trying to get the progressbar to reset if the user clicks next/previous slide. what I am using:
[Code]....
I need to draw like image 1 in file attach. But after i write code:
<!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>
[Code]....
How to use Javascript to draw a rectangle when the user drags the mouse across the webpage?
I know the drawing methods but how do we allow the user to be able to draw a rectangle on the webpage?
e.g When the user drags the mouse across the page and releases the mouse button, a rectangle appears.
Well, not really a question but I'm pretty pleased with this JS I wrote I had to create triangles for this project I'm on, but there really isn't much out there in the way of that. Especially for things like mouseover effects.
Give it a go, let me know what you think! The only limitation atm is one side of the triangle MUST be flat, facing NSE or W. It's going to have functionality for specifying any 3 coordinates soon, and dragable capability as well a few more bits.
I have one requirement. Is there any way to create a line graph using javascript....
View 11 Replies View RelatedHow would i draw a line on a page dynamically, like if i were clicking points on a map and i wanted to link them together. How could i do that?
i found this [URL], but maybe you know of something better that would not require coordinates
I would try to make a game/demo with legitimate script that is easy to read and properly segmented with functions instead of my previous attempts that are all one file.I'm trying to print the character (currently a circle) to screen in an external function (print_character in character.js).
View 2 Replies View RelatedI'm trying to get points form xml file with for loop, put them inside path that represent my line on gmap. It fails. I tried a lot. XML is GPX file and its not a problem to pull data out with XMLHttpRequest. Then i have for loop:
[Code]...
I'm looking for a plugin for JQuery or other Frameworks or even pure JavaScript that can draw hirarchy schemes [code]...
View 1 Replies View RelatedAny one knows the java script or java applet code to drag and image items to any where in the web page to combine a simple graph?
View 1 Replies View Relatedi need something simple without much overhead to read plain text (tab separated, columns & rows of data) .. and with the data i need to generate some charts (plot, bar, etc) better be interactive
since javascript doesn't need webserver like php .... setup is simple .. and can be run on any OS. i think it is my best candidate.
i dont know if javascript has any package to do stuff like this. what about interactive graph/chart? is it possible?
How can I draw lines over an image using javascript, I already did that using Wz_jsgraphics library but what do I need next is to be able to delete that line or change its position, I need to treat each line as an object in its common sense.
View 1 Replies View RelatedI have the following great script the_mouse.htm
which draw line of the mouse move trace which found on the following website...
I need to customize the code so once on click on specific x1y1 and click on another x2y2 it will create line between them and at final if we double click the mouse it will stop drawing lines between XsYs.
I have the following html file
[Code]...
Now this code works on ios safari 4.2 and later but i can't get it to work on ios safari 4.1. On 4.1 it displays the canvas but will not draw the image. The debug console shows no errors. Is there anyway to get it to work, or is 4.2 the cut off point for even the most basic canvas operations?
I'm building an application. The goal of this subroutine is that the user can upload an image to the browser, and then enter coordinates (X,Y) to place icons and dots at the specified place. way to draw these dots and icons on an uploaded image?
View 5 Replies View RelatedI'm creating an AJAX user validation so that when a user types in a username, it checks it in the database to see if it exists. I want it to execute after the user finishes typing. I've tried using:
$("#username_field").keyup(function(){
which works, but I don't want a query executed every time the users presses a key. I was wondering if there was a better way to do it. Meaning I what the check to be preformed after the user finishes typing.
I have a slideshow plugin and there is a function in it called stopAutoplay(). This is called when I click on the pre-defined pause button in the slideshow, so it stops.
If I switch between the slideshows(Slideshow 1 2 3) the slideshow is getting messier and messier because it starts many slideshows at the same time and the plugin gets confused what to show.
I figured if I click on the pause button before I switch to another slideshow it works fine. Therefore what I would like to achieve now is to call stopAutoplay() somehow before I switch to the new slides.
How can I call stopAutoplay() from the html file when I click on one of the slideshow 1 2 3 buttons?
I've tried the codes in green below but they don't work.
fadeSlideShow(); plugin pause function part:
stopAutoplay = function(){
clearInterval(intval);
intval = false;
[Code]....
If there is a better solution let's say to kill everything before the new slideshow appears it's even better. Although I've tried die(), empty(), detach(), remove(). I hoped remove() would help cause as I read it's suppsed to remove everything but for some reasons it doesn't...
I am creating an extension plugin to the jQuery UI Date Picker plugin mostly to just standardize the options used, as well as to add an icon to open the calendar. I am aware of the plugin's use of an icon trigger, but this will not work, as I am using an icon in my sprite image and not wanting an additional request for a mere icon.
My plugin code:
(
function
(
$
)
[Code]....
This is where it really perplexes me as this code does work to produce the calendar icon. while I could get it to work this way, it is obviously not the better choice as it should be part of the extension plugin and not get repeated in all of my various implementations of the plugin.