JQuery :: Applying Table Row Sorter To Multiple Tables?
Apr 29, 2009
<div><div>I'm using jQuery's tablesorter.js to create tables with sortable rows, as applied to tables with the ID "myTable."</div><div></div><div>I just wondered if there's a way to make it work with multiple tables on a single page. I created two tables and gave each of them the ID myTable, but only the first table worked. I can't remember if the specific ID is required for my Zebra widget (alternate row colors), too, or not, but I would guess it is.
</div>
<div></div><div>I posted my JS links below, to show you my setup. Thanks for any tips.</div><div></div><div>* * * * *</div><div></div><div><script src="<a
[code].....
View 10 Replies
ADVERTISEMENT
Mar 29, 2010
Is there any way to apply background-color alternatively for series of tables like applying for the table rows ?
Please suggest me on how to do this ?
View 2 Replies
View Related
May 27, 2010
I have been using JQuery in the past 6 months and I really got in love with it!Finally,I've come to an issue that (probably) have better solution than the one Im trying to do with.I have multiple tables in a HTML [code]all of these tables are some kind of gridviews filled with data using JSon and JQuery.The problem is:Before filling with data, only this part in the DOM is created <table id="myTableId"> <tbody> !so, before going forward with filling the table with data and creating <tr>'s and <td>'s, I would like to find the current (not filled one) table ID.The algorithm would be:
1. <table id="mytableId"> is generated
2. right after #1, find table ID.
3. Depending of the table ID, generated data accordingly. (Continue with creating tr's and td's)
I have tried using closest('table'), also using find(), parent(), parents() and some other methods with which I've been working previously, but still no success.I can find the table by uing var tId = $(TABLE['id*='myTable']").attr('id');, but this finds all tables with 'myTable' and I want to find only the one that is created at that moment and waits for filling with data.
View 1 Replies
View Related
Jan 4, 2010
Maybe a stupid question,
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
Your .js files are in the same folder as your .html file?Does the code of Tyde works?
View 13 Replies
View Related
Apr 5, 2010
I'm having trouble finding a reliable table sorter. I have tables with dates (mm-dd-yy) and numbers (x,xxx.xx) I've tried TableSorter and tinytable table sorters and each seem to have some trouble with these formats.
View 2 Replies
View Related
Jul 29, 2009
I am using the date format "dd/mm/yy" but it is not working properly, below is the example how it get sort in
ascending order
11/09/2007
25/12/2006
10/01/2008
12/07/2008
13/05/2009
14/06/2009
[Code]...
View 1 Replies
View Related
Nov 23, 2010
I have a jquery function for loading links from my navigation on the left to the content div on the right. I also have a function for applying a class called active to that anchor link's list item parent. I later found that going through other included files in the template that there was already a function for adding that class in one of the included files (js/titanium.js) however when I take off my add class function it doesn't apply it. I thought the function from the titanium.js file would apply it but it doesn't. I have all the included javascript files included in the head of my page but for some reason it's still not using what's inside them I guess.
Another issue is that in the template file there is a jquery sortable function for any table, also included in another javascript file, and I'm not sure why its not working with my tables to make them sortable? [URL]
View 1 Replies
View Related
Aug 17, 2011
I want to be able to add "hints" to fields (text which disappears when you click in a field and then reappears if the field is left empty).I have code which is fine for specific fields one at a time, but I'd like to use a JSON structure to apply to arbitrary fields: Something like [["eventType", "eg Walking"], ["eventName", "eg London Marathon"], ["message", "(Max 100 words)"]] would put "eg Walking" into the field with id="eventType" etc.The following code puts the hints in the correct fields, but only the last one handles the focus/blur properly. It seems that the value of hintText for the comparison to this.value is only the last one.
for (var i=0; i<allHints.length; i++) {
fieldID = allHints[i][0];
hintText = allHints[i][1];
[code]....
View 2 Replies
View Related
Oct 5, 2010
I'm trying to get something to work that sounds simple and it worked great until I had a second item to apply it to. This works fine, with one div. When you hover over the link with the class 1slide, it loads the div with the class panel1. The problem is I can't get it to work if I use a second function for .2slide to load the div .panel2.
<script type="text/javascript">
jQuery().ready(function(){
jQuery(".1slide").hover(function(){
jQuery(".panel1").slideToggle("slow");
});});
</script>
I've tried multiple variations, including 2 <script> tags with the classes swapped, and combining as shown below
<script type="text/javascript">
jQuery().ready(function(){
jQuery(".1slide").hover(function(){
jQuery(".panel1").slideToggle("slow");
});
jQuery(".2slide").hover(function(){
jQuery(".panel2").slideToggle("slow");
});
});
</script>
I think I'm combining these wrong but I've tried multiple different ways. They're classes now but were ID's, and that didn't work either. Figures, I was hesitant about posting hours ago because I knew it might be something simple.. I almost solved everything with this:
<script type="text/javascript">
jQuery().ready(function(){
jQuery(".1slide").hover(function(){
jQuery(".panel1").slideToggle("slow");
jQuery(".2slide").hover(function(){
jQuery(".panel2").slideToggle("slow");
jQuery(".3slide").hover(function(){
jQuery(".panel3").slideToggle("slow");
})})})})
</script>
All 4 div's .panel1, .panel2, .panel3 are set to display:none. The only issue now is panel3 is twitchy. I have a feeling it's yet again just a closing bracket issue. Am I writing this correctly? semi-colons anywhere, mess the entire thing up. I am using FireFox 3.5 for reference.
View 2 Replies
View Related
May 15, 2009
I am trying to use the plugin tablesorter that has a pager, for one table in a page it works fine, but when I put two tables, the pager links [next, previous,....] for the first table is moved under the
[Code]...
View 1 Replies
View Related
Aug 17, 2009
I have approximately a 400-500 row table (2 of them) each with 12 columns of formatted content such as currency, percentage, name.
I tried this with [url] but it can't seem to handle that much data.
Does anyone have a good plugin for large data on the page? (and no not interested in paginating it really)
View 3 Replies
View Related
Aug 31, 2011
As you can see, the table on the right is not even with the table on the left. This code has worked in the past,
<script type="text/javascript">
window.onload = function () {
var divArray = document.getElementById('tablecontent').offsetHeight;
var subtraction = divArray - 442;
var tablesidebar = document.getElementById('tablesideba');
tablesidebar.style.paddingBottom = subtraction + 'px';
};
</script>
But that only works for a static page. The problem is now, both tables, the one on the left, and the one on the right, are dynamic. Either could have different heights depending on what page you are visiting. Different pages also have more than one table, and the only way I could see this working is with a million if statements or each page, defining each table being used. Is there anyway to get these two tables evened out, no matter the content using JavaScript?
View 1 Replies
View Related
Jul 25, 2009
In my last row (parent Table) with colspan(tr), I have another Table (without any.attributes) which was generated by GridView, Paging enabled and located in footer ..
How do I know if that Table exists in my last row(parent Table).. this code won't work ..
View 7 Replies
View Related
Jun 10, 2010
I have some javascript which applies alternative row colors to a table and also gives you a highlight effect when you mouseover the rows.
However, the problem I have is that it applies to every table on my page, I only want it to apply to a specific table in the html file (I'm using frontpage), not all of them How would I go about doing this? The code is below, it has a bit of styling at the top before the javascript.
Code:
<style type="text/css" media="all">
table.altsrowtable { width: 90%; margin: auto; border-collapse: collapse}
td { border: 1px solid black; cursor:pointer;text-align:center}
[code]....
View 1 Replies
View Related
Feb 24, 2010
I've managed in the past to cobble together a few simple scripts.
I have an html page, with numerous tables in this format:
<table class="tableClass" id="tableID">
<col class="date" />
<col class="reference" />
<col class="amount" />
[Code].....
This (apparently) totals all 'amount' cells in the page, and writes it in *all* the 'total' cells - close, but obviously I'm not correctly specifying that each total should be displayed in its parent.
View 6 Replies
View Related
May 13, 2009
I am using the excellent jquery.tablesorter successfully for a large number of 40-row tables that live together on one page. So far I'm very happy with the plugin. My users also need the ability to apply any column sort they invoke automatically to *all* tables on the pae. They do not wish to sort the tables individually. As recommended in another thread, I have been looking at sortStart and sortEnd, but have been pulling my hair out trying to get this working. My JS:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// extend the default setting to always sort on the first column
$.tablesorter.defaults.sortList = [[0,0]];
[Code].....
View 1 Replies
View Related
Jan 31, 2011
I have a single-cell table with a bunch of items within divs like item 1 below. The values in the divs are categories.
Following that (item 2 below), I have several single-row, two-column tables where the first column represents a Name (the item I want highlighted) and the second column is one or more of the category items (subset of item 1).
<div class="view-display-id-attachment_1">
<table>
<tr>
<td>
[Code].....
This doesn't work and I'm hoping to generalize it but I'm not sure if .field-item-* will work.
View 2 Replies
View Related
Apr 22, 2010
I have a table within a table, that is to say the table is embedded in a <tr> tag in another table and would like to extract row and cell data to make an ajax call. The table in question has several input fields and a submit button on each row. While I can find the table where the submit came from and can get the data from the <td> elements which contain data i.e.<? echo AsOfDate; ?>, I can't find the correct syntax to retrieve the data from the input fields in that same row. Can someone give me the correct syntax to retrieve the input data?
var AssetTbl = document.getElementsByTagName('table');
for (i =0; i< AssetTbl.length; i++)
{
if (AssetTbl[i].id == "tblAssetHx")
{
RowID =AssetTbl[i].rows[1].cells[0].childNodes[0].data;
if (RowID == ID)
[Code]...
View 15 Replies
View Related
Jul 10, 2009
I have look some of the examples of deleting tables and or rows with Java. The only problem is that all examples I have seen talke about one table and one or more buttons. What I needs to do is have 4 single row / dual columns tables each having a button of their own for deleting this table. Here is what I got but it just doesnt work for me as each table has a seperate Table ID.
<script language=javascript>
function removeRow(src)
{
var oRow = src.parentElement.parentElement;
document.all("tblGrid").deleteRow(oRow.rowIndex);
[Code]....
View 5 Replies
View Related
Jun 17, 2010
In the main table there are two sub tables are there.when user click addRow button main row and also subrow should be created.i have written the code but when i click addrow alignment is missing and apart from that mainrow and subrow is not displaying properly.
<html>
<head>
<script>
[code]...
View 5 Replies
View Related
Jun 21, 2010
Say that you have a table with id Testresults. Now you also would like to show diffrent parts of that table inside diffrent divs that also contain a table.
for example
Code:
<div id="OK testcases">
<table id="oktestdiv">
<tr id="row1" class="ok"><td>ok</td></tr>
</table>
[Code]....
I naturally don't want to write the code for the table at multiple places of the page. Notice also that my site only contains of one site, containing many divs.
View 2 Replies
View Related
Jan 5, 2007
i am using two tables. one for the header, one for the body content. has anyone done table sorting in this situation?
View 6 Replies
View Related
Oct 31, 2006
there are a lot of different scripts out there to sort a table with multiple
columns. However, I want to do something specific.
I have a table that is "spread" accross multiple pages. Usually, when a user
wants to change the page, what you do is compute indexes in the server and
return the modified list. But that's not what I want to do, I want to be
able to navigate through the pages AND be able to sort the columns within
the client screen.
Does anyone know of a good example of something like that ? I know it can be
done, I would have to write the entire data in the client side, and then
manipulate it with indexes and sorts. I am very much able to write such
data, but should "delete" and "add" new table Elements (in a way that is
browser compatible) or show/hide <TRelements, maybe overwrite these table
rows?
I was wondering if this is somehow trivial so you can suggest a coding
strategy or if anyone knows a good page that displays this possibility.
View 3 Replies
View Related
May 17, 2010
I'm using quick search plugin (URL...) in filtering rows in a group of tables.The problem is that the old vesion of Quick search may act on multiple tables as long they have the same table_id while the new vesion acts on the first table only.
1-the number of tables is very large (in some pages may be 500 tables).
2-the action of Quick search is applied automaticaly as the user type any text in the input text box. so i don't know any way to make a loop to call the function once for each table.
View 2 Replies
View Related
Jun 29, 2010
I'm trying to pull data from multiple database tables and output them into a table which I've done fine, but I'm having trouble trying to filter the rows by specific values like colour and size selected from select boxes without reloading the page.
After more than a day of looking though I have made no progress, If this was to be done with just PHP and MySQL reloading the page I'd have no problem but having problems with the AJAX side.
View 2 Replies
View Related
Jul 10, 2009
Wonder if there is a way to have my Drop-Down box selections create individule single row/dual colume tables for each item that was selected from the drop-down box. An example would be:
1: I selected 3 items from my drop-down box at one time (my drop-down box allows multiple selections).
2: I click a button call "Create Template" and three new single row/dual colume tables are created with the names if the items.
Here is what I have so far, but need a little help. Notice I have added the three tables in to show how it should look but this is for information only as these should be created automaticaly.
[Code]...
View 1 Replies
View Related
