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]....
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 got a problem with passing dynamic DIV ID. I was doing some a php page which retrieved data from database and put into according DIV tag like this:
<DIV id="variabl1">msg1</td>;
Since there were tens of records in the table in database, the result would become:
<DIV id="variabl1">msg1</td>;
<DIV id="variabl2">msg2</td>;
<DIV id="variabl100">msg100</td>;
I got a JQuery script to show a specific message when a user moved his mouse over a DIV,
say if he moved his mouse over DIV ID 1, a msg would pop up showing message.
[Code]...
I've this script
jQuery(document).ready(function() {
jQuery('.toggle').hide();
jQuery('a.slidetoggle').click(function() {
jQuery('.toggle').slideToggle(400);
return false;
});
})
I'm trying to pass a new dynamic value (5 or 11 or 3 or n) that change the classes
('.toggle') and ('a.slidetoggle')
in
('.toggle5') and ('a.slidetoggle5')
('.toggle11') and ('a.slidetoggle11')
('.togglevalue
') and ('a.slidetogglevalue
')
I can insert my variable into the "class":
<a href='#' class='slidetoggle<?=$value;?>
' id='name'>name</a>";
<a href='#' class='toggle<?=$value;?>
' id='name'>name</a>";
Or in the "name" in this way:
<a href='#' class='slidetoggle' name='<?=$value;?>
' id='name'>name</a>";
<a href='#' class='toggle'
name='<?=$value;?>
' id='name'>name</a>";
I'm having trouble with jqPlot which is not showing the graph as expected.
[URL]
Basically I request some JSON data from my Server using jQuery Ajax:
function updateGraph() {
$.ajax({
type: "GET",
url: "<?php echo $_SERVER["SCRIPT_NAME"]; ?>",
[code]....
This function should show the graph. What appears is an empty graph, with proper title, axis naming and scaling (!) but no data shows up. FireBug does not report any JS errors.
I'm using some server side code to create a list of employees dynamically. In the HTML I have an "X" icon which will allow the admin to delete the user.I want to use the dialog box as a way to confirm or cancel the delete. If the user clicks the "X" icon I will run my server side code via $.ajax or something to remove the user.The only struggle I'm having is how to pass the row/id to the dialog box so the correct row is deleted from the database.
View 1 Replies View RelatedI have a bit of php that creates an entry on a page for each row in a table, some pages may have multiple entries, others just one.
eg.
<h2 class="title">{title}</h2>
{summary}
<p onclick="openBox({entry_id})">Click to read more ></p>
<div id="{entry_id}" style="display:hidden;">{body}</div>
I would like to have just one function to open and close all individually, eg.
$(document).ready(function(){
function openBox(id){
if ($("#id:first").is(":hidden")) {
[Code].....
Well I know I'm doing something wrong as this is not working, and I don't know how better to explain I hope this is sufficient, I'm not worrried about the php/html bit as that is working fine.
I am trying to pass the dynamic div id to the jquery onclick function.
Here is the html code
HTML Code:
<div id = "show1" class="test">Click 1</div>
<div id = "show2" class="test">Click 2</div>
Code:
<script>
$(document).ready(function(){
$(".test").click(function(){
$("#show1").slideToggle("slow");
});
</script>
So it works for the first div not for the second one.There is something called "closest" id selector in jquery but not sure.
I'm new to Jquery and Jqplot. I have to create a website where a user can upload a xml file which should then be shown as a graph. My main problem is that I don't know how to extract the x/y-axis coordinates from the xml file and how I should put them into the Jqplot code..
I'm just trying right know and show you some Code I made... Don't blame me^^ I'm doing this only for a few days..
Thats my very simple XML file with only x and y coordinates [code]...
I'am new to Jquery and Jqplot. I have to create a website where a user can upload a xml file which should then be shown as a graph. My main problem is that I dont't know how to extract the x/y-axis coordinates from the xml file and how I should put them into the Jqplot code..
I'm just trying right know and show you some Code I made... Dont't blame me^^ I'am doing this only for a few days. Thats my very simple XML file with only x and y coordinates:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<graph>
<note>
[Code]...
jqPlot is an open source plotting plugin for jQuery. The 0.6.2 release adds many new features including:
Rotated axis text. Vertical and horizontal bar charts. Automatic trend line computation. Data point highlighting. Cursor tooltips showing data and grid position. And many other features.
The jqPlot homepage is at [url]
The downloads page is at [url]
The mailing list/Google group is at [url]
jqPlot is built from the ground up as an extensible and plugable plugin. Handling of data, drawing of plot elements, events, virtually everything is handled by a plugin. This means you can enhance or swap out core functionality without touching the core code.
I am trying to access a dynamic asp variable with onclick either in a javascript function where I can use it globally or set another div id with this dynamic variable.
<script>
function doSomething(article_id)
}
[code]....
not sure what section to post this in, basically i have html in a javascript function that i want to pass into a php.
here is some of my javascript code
var names = document.getElementById('names').value;
var nms = names.split(";;")
for (i=0; i<las.length; i++)
[Code]....
basically i want to be able to access the value of nms[i] in the php call. i am able to pass anything in <input> tags like normal html, but i want to get nms[i] to go through
I'm trying to pass multiple dynamic values between a slaveform and a
masterform. The problem I'm having is on the slaveform I loop through
multiple records and want two values depending on the row they select....
I'm receiving this error:
"Expected ']'";
With this HTML in IE8. Any ideas why this is happening and why it is only happening in IE8?
Code HTML4Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
[code]....
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 View RelatedI 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.
Is there any plugin can draw radar graph?
View 2 Replies View RelatedIs there any organization chart(Hierarchy) available in jquery. like google org char? It should work in intranet.
View 1 Replies View RelatedI 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.
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?
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 RelatedI 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?
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 Relatedi 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...
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 ?