JQuery :: Developing Advanced SVG Chart?
Nov 10, 2011
i'm new to jQuery and SVG and my homerwork is to develope ECG chart. It should show data with: - 25mm/s - 50 mm/s - 1mm/mV - 5mm/mv I've decided to use Keith Wood jQuery plugin and have some questions. Is it possible to manipulate with gridlines when using graphing extension? I'd like every full second line to be thicker than the rest. Secondly, length on chart in every resolution should be equal to real length. Or should I make that chart step by step using drawing functions?
View 2 Replies
ADVERTISEMENT
Aug 20, 2010
I am fairly new in trying to cut up and customize a jQuery plugin, previously I was able to just grab code from various blogs and did not really have to dive into the js but now I am unable to find any good resources with this particular plugin.
The plugin I am working on is jQuery.sheet, [URL]...ionalities that I want, I need the plugin to be able to send a AJAX request as soon as the user edits the cells and then update that input in the mysql table in the back on the fly. currently his plugin works by doing a hard save by invoking a save function.
I have taken a look at the massive code in jquery.sheet.js but I really have no idea where to begin. The developer doesn't reply my emails either so I was wondering if anyone here can point me in the right direction. I figure a seasoned jquery ninja can look at the js file and can see how the code works when users click to edit a cell. I am still trying to figure that part out...let alone trying to add ajax requests.
View 1 Replies
View Related
Aug 25, 2011
I am using vs2010 and when I hit ctr + F5 it launches which ever broswer I select to browse with and tells it not to use the cached version of that web page. But regardless if its chrome, firefox,IE, opera or safari,they all seem tohit a wall and stop recognizing my changes code tweaks. How do I resolve this frustration! It is very trouble some when testing .json file changes and css changes.
View 3 Replies
View Related
Jul 23, 2005
We need to put a menu on a page on our website. The menu has to be in the
vertical area of a frames page. Go to www.fqvictims.org . The menu choices
on the left need to be categorized - and we need a menu system to "drop
down" choices.
We will pay $100-$200 if someone could write a script with a working menu.
I am working for a volunteer group called fqvictims (victims of fluoroquinolone
antibiotics).
We have tried to get a menu working, even purchasing Allwebmenus pro - but
that product is buggy as hell.
Please send us an email at fqvictim@fqvictims.org if you think you can help
us. I can't imagine it would take that much time for someone that knows
java/java script.
View 1 Replies
View Related
Nov 10, 2011
I have been tasked with reproducing something quite similar to the following website [url]...
I examined the site, and after looking at the source I have determined that a lot of it looks like it was coded in JavaScript. While I do know a bit of JavaScript but I must admit it's not the sharpest tool in my arsenal.
Since this "application" will be heavy on the JavaScript interface, I was wondering if there was a GUI RAD tool for JavaScript similar to Visual C# for .NET.
So far I have looked into Visual Web Developer 2010 Express, Dreamweaver, and most recently the Google Web Toolkit (with GWT Designer), is anyone familiar with any of these tools, and will any of these help me develop a largely GUI based JS application?
View 4 Replies
View Related
Sep 7, 2010
I am asked to develop a simple plugin for the mozilla web browser.showing me the steps, which i should follow while developing a plugin. My deadline is friday 10/sep/2010
View 9 Replies
View Related
Oct 5, 2009
I am trying to populate a flot chart using PHP but things do not seem to be working. If I put in the numbers manually for the chart everything is working fine but if I pass them via ajax from a php script nothing displays.
Here is my php:
And here is my javascript:
The background of the chart appears but no data. I suspect that its because the json_encode returns a string.
View 2 Replies
View Related
May 25, 2011
Is there any plugin can draw radar graph?
View 2 Replies
View Related
Dec 14, 2011
Is there any organization chart(Hierarchy) available in jquery. like google org char? It should work in intranet.
View 1 Replies
View Related
Dec 8, 2010
I want to create piechart using dynamic content. (jqplot) Here i use static value. But i want to populate piechart for dynamic value.
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
[Code]....
View 8 Replies
View Related
Oct 20, 2010
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..
View 4 Replies
View Related
Dec 10, 2011
I am working on a project that will involve large amounts of data. We have discussed how to summarize for the end user. Final presentation will be something like a bar chart with 15-30 bars. Each bar will be built by blocks whose height and column will be determined by formulas applied to data in the database. A static report is obviously no problem.
I want to develop a sandbox where the end user can drag and drop blocks from one column onto a different column. Others on the team think this can only be done with AJAX while I think jQuery will work and actually be better.
View 2 Replies
View Related
Jun 24, 2009
I am trying to load a jquery chart (Flot) inside the second tab of jQuery tabs. It works fine on the opening tab, but if i bury the chart in any tab, it breaks and throws the js error "Invalid dimensions for plot..."
I looked around and the problem might be that because the second tab is hidden at page load, it is breaking something... I dug up a possible jquery fix/plugin called frameReady, which allows for you to load iframes, but I am not sure how to apply it.
Example:[url]
Source:[url]
How I can enable the second tab to show the chart?
View 1 Replies
View Related
May 12, 2011
I'm looking for some guidance on the best way to use jQuery to change a set of simple shirt measurements (in a table) from inches to cm, and back again. Can I tell jQuery to look inside a specific table and then convery all the numbers it finds to another unit of measurement?
View 6 Replies
View Related
Jun 24, 2009
I am trying to load a jquery chart (Flot) inside the second tab of jQuery tabs. It works fine on the opening tab, but if i bury the chart in any tab, it breaks and throws the js error "Invalid dimensions for plot..."I looked around and the problem might be that because the second tab is hidden at page load, it is breaking something... I dug up a possible jquery fix/plugin called frameReady, which allows for you to load iframes, but I am not sure how to apply it.
[URL]
how I can enable the second tab to show the chart?
View 2 Replies
View Related
Oct 27, 2011
I would like to animate a number of thumbnails in a gallery. My idea is to have each thumb transit to another thumb, i.e. you put your mouse over a thumbnail, and it slowly fades to a different image. I have spent a lot of time trying to get this to work, using exhaustive combinations of fadeToggle() and stop(false, false) etc etc and I still can't get a smooth effect.
I have created my own fade engine using a variable that drives the opacity of the image that fades in/out over the other image. My issue is that I would like to get this into a function, as it works beautifully for one image, or if you simply duplicate the code for other thumbnails. The problem is there could be up to 32 thumbnails on the page, which means a lot of repeated code.
[Code]....
View 2 Replies
View Related
May 26, 2009
I have 3 types of columns and they are identified by their class (in the TD and TH)... they are1. Always - cells that always appear - includes a primary key2. Main - cells that are necessary to be shown, but can be toggled3. Advanced - cells that are superfluous but helpful for the viewer.I want the user to be able to toggle Main and Advanced as visible/invisible. I tried the below code, which works, but, but since there's so much data it will lock up the browser and even invokes this ff error: "A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete. Script: jquery-1.3.2.min.js:19"My questions are basically, can this be done without freezing up the browser? (e.g. can I group columns together and hide each column, since I believe it's the sheer amount of cells that I am hiding?)Here is my code:here's my javascript (on top of jquery's inclusion)
Code:
<script type="text/javascript">
$(document).ready(function() {
[code]....
View 2 Replies
View Related
Jul 23, 2005
I want to create a popup window that opens when the index.htm page
loads..
Within the popup window, I want to create a link to 'more info'.
When this link is clicked, I want the content to load in the main
window, not the popup, and I'd like the popup to close !
View 3 Replies
View Related
Nov 25, 2009
Is there a ways in javascript to create graphs chart? i can't seem to find a code on the Internet
View 5 Replies
View Related
Jun 18, 2010
I have used a Javascript to prepopulate text fields and checkbox's etc. However I can't make it populate a text area.
Source code below:
View 5 Replies
View Related
Dec 8, 2002
Advanced Form Validation Example (http://phxnow.com/resources/Scripts/Validation%20Form/index2.htm)
Part I of 3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Advanced Form Validation Script v6.2: Commented</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Start Javascript -->
<script language="JavaScript">
<!-- Hide Me
/*
Advanced Form Validation Script v6.2
(C) 2000, 2001 Phoenix Now Inc.
Reproduction of this script is Prohibited
Unless this comment remains
Visit us Online at:
http://www.phxnow.com
Contact Us at:
info@phxnow.com
### NOTE ###
BEFORE you start to RIP this script appart, make a copy of it.
I have Commented the Areas you can change
and how to change them correctly. The following
denotes the special comment area of information.
## Special Comment Area ##
Set the title of your page, to what you want to be seen in the email.
The document title is used for the email title, and the subThanks window
title.
*/
// Focus the first form element
function focusIt() {
window.document.forms[0].elements[0].focus();
}
// Redirect the user to a thank you page
function redirectIt() {
window.document.location.replace("thanks.htm"); // ## Change the page name and or location to your thank you page. ##
}
// Reload the current page.
function reloadIt() {
window.document.location.reload()
}
// Build Thank you window based on form elements.
function subThanks() {
/*
##
The subThanks page displays information to the sender about what has been sent.
This page also gives them a chance to print a hard copy for there records.
If you wish to change any of the format of this window, becareful, table information is
set in three areas. The first area is in the Variables below, col, cot, coz and brk.
The second area is in the newWin.document.write lines. this area is the top portion of the new
window. It displays a thank you, displays ths user email, the form name, last name and first name,
as well as the top print button. The third and final area, is what is used to generate the rest
of the table. You should not have to touch any of this, as all the cell formatting is done in the
top Variables.
If you change the name value of your First Name, Last Name and Email address, make sure to update
this information here in section two as well. reqRequestor_First_Name, reqRequestor_Last_Name
reqRequestor_Email are all called in the second section.
##
*/
var bg = 0;
var daHeight = screen.height / 2;
var daWidth = screen.width / 2;
var topPos = 0;
var leftPos = 0;
if (screen) {
topPos = daHeight-200;
leftPos = daWidth-250;
}
var form = window.document.forms[0];
var doct = window.document.title.toString();
var now = new Date();
newWin = window.open('','thanks','scrollbars=1,width=570,height=450,left='+leftPos+',top='+topPos+'');
newWin.document.writeln("<html><head><title>" + doct + "</title><link rel='STYLESHEET' type='text/css' href='main.css'></head><body bgcolor='#ffffff' text='#000000'>");
newWin.document.writeln("<h1>Thank You!</h1>");
newWin.document.writeln(form.reqRequestor_First_Name.value + " " + form.reqRequestor_Last_Name.value + ", thank you for completing the " + doct + "<p>");
newWin.document.writeln("A Copy of the results below have been emailed to you at <a href='mailto:" + form.reqRequestor_Email.value + "'?subject='" + doct + "' class='mroller' title='Your Email Address'>" + form.reqRequestor_Email.value + "</a>. We sugguest that you print a copy for your records as well." + "<p>");
newWin.document.writeln("<form class='forma'><input type='button' name='print' class='forma' value='Print Doc' title='Print Document' onClick='window.print()'><p>");
newWin.document.writeln("<table width=' cellpadding=Ƈ' cellspacing=Ɖ' border=Ɔ' title='Form Information'>");
newWin.document.writeln("<tr><td colspan=ƈ' bgcolor='#bebebe' class='copy'>" + doct + " Submitted on " + now.toLocaleString() + "</td></tr>");
/*
##
The below section is the third section for generating the subThanks window.
This section loops over the entire form, and then writes the information to
the new subThanks window. There are some rules to what is shown and what is
not shown in the subThanks window. Everything else is printed to the new window
accept the following.
1. Checkboxes and Radio buttons that are not checked
2. Button Types
3. Hidden fields
4. hidden form objects whos name ='s "=================================================="
This is used for a break, when the loop finds an element with the above equal signs, the
Variable brk is written which is equal to "<tr><td colspan=2 bgcolor=#e6e6e6> </td></tr>";
This break is definded above at line 89
5. The Table is closed when the loop hits a submit or reset button.
##
*/
View 15 Replies
View Related
Oct 30, 2002
A very compact rollover only for IE 5+ that allows swapping the images with a transition
<script type="text/javascript">
/*
Rollblend: Rollover + Blending script
by www.dimaster.com
Free use of this script is allowed as long as
this message remains intact.
*/
if (document.all)
{document.onmouseover = rlvr;
document.onmouseout = rlvr;}
function rlvr()
{
e=event.srcElement
if (e.osrc)
{tmpsrc=e.src;
if (e.fx){e.filters[0].apply();e.filters[0].play();
e.src=e.osrc;e.osrc=tmpsrc;
}
}
}
</script>
<img src="Btn.jpg" osrc="Btn_ovr.jpg" fx=true style="filter:blendTrans(duration=1)"><br>
View 1 Replies
View Related
Feb 24, 2010
i am building a web app that has a bunch of charts on it. they are essentially very basic flow charts that show relationships between two boxes.
now i have the divs printing out on the screen with no problems. but i have little idea on the best way to draw the arrows between the boxes.
my original thought was to place the images (as background images) in a span and then use server side code to determine the size of the span (length) and then absolutely position it. seems clunky.
then my next thought was to put the arrows and lines into SVG canvases and then use some sort of javascript to plot the two box points and draw the line. the question though is how to go about it? is there already a library or set of examples out there that does this sort of stuff? i had a google search, but couldnt come up with anything that was of use...
View 2 Replies
View Related
Jun 4, 2004
I'm looking to create a multiple selection drop down menu that has radio buttons & text. For example
[MENU] <-click
[MENU] <-after click
--------------------
| (x) Selection one |
| (o) Selection two |
| (x) Selection three |
| (o) Selection four |
--------------------
so basically, like a <select> except it has radio selections and you can pick several choices. When you select one, that whole row is highlighted (background color of that row changes). Would I use javascript/dhtml for this? I'm guessing so.
View 6 Replies
View Related
May 2, 2011
Before anyone shoots me down I know this is not JSF forum I've been there and didn't get any joy at all, because the function I'm after is JavaScript so I wonder if anyone can help me please?
This function is for refreshing an Id called columnChartOne but unfortunately it doesn't work. This function is from Fiji demo page.
Code:
onclick="$('myForm:columnChartOne:component').update(); return false;"
How can I possibly rewrite this function as JavaScript function so it refreshes a column Id ?
View 3 Replies
View Related
Jun 4, 2011
I want to use this code but there is no step by step instructions.
View 2 Replies
View Related
