JQuery :: Color Based On Contents Of Table Data
Oct 13, 2009
I have a table of data brought in through lift and in it is a status column. I am wondering if there is an easy way to color a row based on the contents of that column. Any status of broken was red, edited was yellow and finalized was green. It seems like I could write a widget for doing this, but I don't know how it would work and have little experience with creating my own widgets.
Here is the initialization which includes functions for mouseover color changes.
<script type="text/javascript">
$(document).ready(function() {
// Adds "over" class to rows on mouseover
$(".tablesorter tr").mouseover(function(){
$(this).addClass("rowHover");
});
// Removes "over" class from rows on mouseout
$(".tablesorter tr").mouseout(function(){
$(this).removeClass("rowHover");
});
$('.tablesorter selectThisRow').click(function() {
$(this).parent('tr').addClass('selected');
});
$("#claims").tablesorter({
sortList:[[4,0],[6,0]],
widgets: ['zebra'],
headers: {
0: { sorter: false },
1: { sorter: false },
2: { sorter: false },
3: { sorter: false },
5: { sorter: false },
7: { sorter: false },
8: { sorter: false }
}})
.tablesorterPager({container: $("#pager")});
});
</script>
I'm working with scala and lift as well so I'm bringing in the table data from a database when the page loads. Whether a widget is how to make the colors adjust, or creating more JS functions for doing it.
View 2 Replies
ADVERTISEMENT
Mar 30, 2010
Hate to trouble you gurus with such a simple question but I'm just beginning w/jquery etc. Anyway i've come up with the following but it doesn't work. $("#table_id td").not(".Source:contains('System')").parent().addClass('edit_allowed');
The first column has class "Source" and I want to add the class name "edit_allowed" if the contents of teh first td is "System".
View 4 Replies
View Related
Sep 17, 2009
How could I apply a css style to a <tr> row based on the value of the contents in column 1?
For instance, on my table (generated from an asp:GirdView), column 1 contains a number ranging from 1.00 to 12.00. I need to show a certain background color for all rows whose value in column 1 is greater than 10.
View 6 Replies
View Related
Jul 23, 2005
What I'd like to do is have a dropdown box populated with data from a
database. Based on what you select from the drop down a table will be
generated (in this case a 3 column table) from another query to the
database. I will eventually want a way to select one of the rows from
the table, but for now I'd be happy with just generating the table.
I know it will have to deal with DHTML, dom documents, getElementID,
removeNode, recreating the node. What I am not sure about is how to
1) Dynamically create a table
2) Step 1 with data from a database (recordset)
Like I said, I'd also like to be able to select a row from the table.
I'd be happy with making the ros a radio group, though it would be
interesting to be able to select the row. I take it I'd use CSS to
highlight the row selected then.
View 1 Replies
View Related
Oct 16, 2010
I have triple drop down menu. I want to display the contents of the table based on the third menu selection. The code is in the link [URL]
I know I need to include a onchange function to <select name="genus"> but as you can see I have a <div> already for it. I am confused how to create the function to display the table and also the how to include another div tag.
View 1 Replies
View Related
Jun 21, 2011
Is there a way to collapse only certain colored rows? So far all the rows collapse...I was thinking I could put another if statement in the for loop, but is there a way to test for color?
Code:
<html>
<script type="text/javascript">
var rowVisible = true;
function toggleDisplay(tbl) {
[Code]...
View 9 Replies
View Related
Jul 12, 2010
Just curious if there is a way to control a table cell color based on a menu selection.
I have several colors like Red, Navy, Black, Green, Gold and would like to show a swatch of this selected color beside the menu.
View 4 Replies
View Related
Jul 23, 2005
I am trying to create a web page in which the contents of one selection list
depends upon which element in another selection list is chosen, but where
the information to populate the first selection list comves from an SQL
database on the web server.
There are a couple of these situations in my application but, for example,
the first list might be a list of counties, and the second list a list of
states/provinces. Obviously the names of counties depend upon which
state/province is chosen, but there are too many possibilities to be able to
embed them within the web page itself. So when the user selects a
state/province I need to go to the server to ask for the list of counties.
I have seen a number of posts that sort of address this issue. For example
it is suggested to use <script src="a URL"/> to ask the server side code to
send up data of type "text/javascript". However the examples do not seem to
address how the server side code would know which state/province the user
had selected.
If there is a web site that addresses this sort of thing, I would appreciate
any pointers.
View 5 Replies
View Related
Feb 4, 2011
[code]...
the above jquery will hide all rows with a span (in the td tag) that has a class of NUM and the value of 201
How do I hide ALL BUT those rows?
View 3 Replies
View Related
Aug 11, 2011
I have a page that has a list of companies pulled from a mysql db. Each company name is a link and when clicked an overlay comes up containing further details on that particular company.
Everything is working...my list is created, link pulls up the overlay, but as of now it only populates the info for the company that is the last record. I know I need to pass the record id to the jquery so that it pulls the record for the name clicked, but I am just not familiar enough with jquery to figure it out. I believe I need to pass it to a parameter, but need a nudge in the right direction. Below is my current code with just the basics, I have passed the unique id for each record via mid="<?php echo $member->member_id; ?>"> in the link...I just need to pass that to the overlay. code...
View 2 Replies
View Related
Jul 23, 2005
Javascript is not my strong point but I have a little problem with a
function.
I have ASP code that displays form variables for x number of users.
Depending on the radio button they click, I highlite some text in red
over another form variable to show that it's mandatory. I use a <span>
tag for the text and a Javascript function to change the text color of
that user's mandatory field.
My Javascript call passes (i) to show which user I'm talking about but
the problem is I don't know how to change that user's text color.
Here's my function
<script language="JavaScript">
<!--
function ChangeTextColor(num){
membertype_1.style.color='red'
memberno_1.style.color='black'
lastname_1.style.color='black'
}
//-->
</script>
As you see, I'm not using the parameter "num" so it only works for the
first user. I need to know how to make it dynamic...I've tried
membertype_[+num+].style.color='red'
but that doesn't work. Anyone know the syntax?
View 3 Replies
View Related
Aug 29, 2010
I am a lil new to JQ. I have a table and each row has a unique id like so<tr id="123">. I have a edit button in one of the fields on that row, and I want to turn that row into a form. How can I grab all the values of each field in that row and store them as a variable when the edit button in that row is clicked?
<tr id="e2c420d928d4bf8ce0ff2ec19b371514">
<td><div id="item_name">asdf (asdf)</div></td>
<td><div id="item_description">asdf</div></td>
<td><div id="item_price">1234</div></td>
[Code]...
View 2 Replies
View Related
Jan 25, 2011
I'm developing a site that uses a flipbook like the one found here:I'm wondering how I can add a table of contents so that someone can navigate through multiple (~100) pages. Tried a simple hash, but I'm not sure how to make it work with the script itself
View 1 Replies
View Related
Oct 25, 2009
i am using the folowing jquery function to generate a table of contents from the h tags in my web page. I could make some changes but i am not able to extend the function, so that it puts numbers in front of my toc elements like
1.
2.
2.1
2.1.1
2.2.
[Code]....
View 1 Replies
View Related
Jun 8, 2005
In javascript, I want to do run a script based on the contents of a page. My page called page.php either contains only a 1 or is totally blank, and I want, from another page, to query the contents of that page in the form of an if, then, else statement. Code:
View 1 Replies
View Related
Apr 14, 2010
I am using jQuery with jEditable and jQuery UI confirmation dialog. What I am trying to do, it to restore contents of the table cell if user hits Cancel on jQuery UI dialog, or just hits Esc.jEditable has "onblur" option that i can set to "cancel", and it works if uses clicks out of the field, so I am trying to achieve something like that with jQuery UI, because currently it just leaves an empty table cell.
I am pretty sure the logic of my script is wrong somehow, so I am trying to figure out what to do to fix it.
Here is the flow of the script:
1. User clicks on a table cell and edits data in jEditable
2. User clicks save, jEditable doe POST to my php script and gets results, which a passed to jQuery UI confirmation dialog.
3. User either confirms or cancels changes. In case of Cancel or Esc, the user presented with a page, as it was before any editing has occured
-i
$(".editable_textarea").editable("/path/to/my/php_script.php", {
indicator : "<img src='/am/images/indicator.gif'>",
type : 'textarea',
[Code]......
View 1 Replies
View Related
Nov 11, 2007
the code is like following:
<textarea cols=40 rows=10 name=n style="overflow:auto"this is a test
about textarea and see how it works..... </textarea>
can i assign a variable to rows based on my contents length? or
javascript has any internal attribute i can use?
View 2 Replies
View Related
Aug 3, 2010
I would like a table to have alternating an alternating color per row. I also want to be able to remove or add a row and preserve every other row has a different color.
<!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]....
View 5 Replies
View Related
Mar 18, 2011
Is it possible to change a table cell background color or add any attributes based on a criteria, anyway, here's my scenario. I have a php table dynamically created onthefly, (let say on load), then i have a sql query returning some values. So illustrating:
Table: Sql Result
1 2 3 4 5 2 5 7
6 7 8 9 10
What I am trying to achieve is use the sql result to add attributes to the table cells so for the illustration say i want to add a bold attribute to all table cell which corresponds to the sql result, the result would be,
Result:
1 2 3 4 5
6 7 8 9 10
Any plugins out there? "Its php (server-side) and jquery (client-side) talking...but I know there is a way!
View 1 Replies
View Related
Jun 5, 2009
Currently, I have a php form with various inputs, and a div where I am embedding an (initially) empty open flash chart object.Right now, I am calling a php file on the submit of the form, which takes the form data, calls a python script to process the form data, and then creates an open flash chart object using the data the python script returns.There are a few problems with this:
1. When the submit on the form is called, it goes to a different page where the chart is displayed, when I would really just like to update the contents of the chart div where I initially embedded the empty chart.
2. The processing of the form in the python code can take some time, so what I would really like is to have the chart "check" the output of the python script periodically and update the chart each time, adding the new data points to the old ones.
I know I can do all of these things with javascript and Ajax, I just can't seem to find any tutorials or examples that are exactly what I am looking for.
View 3 Replies
View Related
Feb 11, 2009
I have a form which contains FOUR text fields (e.g. TEXTFIELD1, TEXTFIELD2, TEXTFIELD3 & TEXTFIELD4). Each text field holds a HEX,DEC color value. ABOVE this form I have a table with TWO ROWS (ROW1 and ROW2). ROW1 should correspond with TEXTFIELD1, so that when the VALUE in TEXTFEILD1 is changed the background color of ROW1 will change to match the HEX,DEC VALUE entered in TEXTFIELD1. The same would happen with TEXTFIELD2 and ROW2. TEXTFIELD3 should be used to change the color of the TEXT inside ROW1 and TEXTFIELD4 should change the color of the TEXT in ROW2. I also wanted to know if it would be possible to achieve this without clicking any button. If doing this without clicking a button is overly complicated, i havinga button is not a problem.[code]
View 1 Replies
View Related
Dec 27, 2009
On my index.htm, I have a horizontal cell named "memberarea" which originally shows username & password input fields. After the user logs in, this area changes itself to a "Welcome Name, Lastname" field. I want that this cell displays again the username and password input fields in case of the session of the user has expired. I have tried it with the following code (within the Iframe in index.htm):
[Code]...
View 3 Replies
View Related
Feb 10, 2010
I have a form with 3 checkboxes. When user checks one of the boxes, additional fields show beneath the checkbox and the other 2 checkboxes are grayed out (locked). What I want is that when a user checks a checkbox, not only does the other 2 lock, but the text associated with them turn a different font color. I want it to appear as if the other checkboxes and text are being grayed out. BTW - I don't know any java, someone helped me with this and gave me this code so please try to be as specifica as possible.
For the lock function, I am using the following code:
<script language=JavaScript> var U=0;L=1; // (U)nlocked & (L)ocked
function doIt(_v)
{
if(eval("document.bgcheck.c"+_v+".checked"))
{
if(_v==2){lock(3);lock(4);}
[Code]...
View 3 Replies
View Related
Aug 9, 2010
I've had a go at this, of coding practice from PHP:
Code:
View 8 Replies
View Related
May 30, 2009
Is it possible to read the contents of a table cell. I have the below table and would like extract the value of the first cell. The first cell will always be a hyperlink so I guess I only need the contents between the "<A>" tags. So the first row should return ""434235". How can I do this.code...
View 2 Replies
View Related
Jul 13, 2009
I'm trying to send an entire table and it's contents to the clipboard. The problem is that one of the cells of the table contains a chart that comes from an applet via our SAP system.The other cells around the chart contain labels and such... the user will need to cut and paste these charts into presentations.What i would like is for users to be able to click a button and go paste into power point or wherever they'd like.I had an idea that maybe it's possible to take a screenshot of a portion of the screen and throw that image to the clipboard?
View 4 Replies
View Related