Sorry it took me so long to reply. I thought my posts weren't showing up on
this forum.
Anyway, thanks for the tip. I understand it now. Unfortunately, it isn't
working for some reason.
Is there a way to instead designate multiple ID's - like myTable, myTable2
and myTable3?
Thanks.
On Thu, Apr 30, 2009 at 1:41 PM, aquaone <aqua...@gmail.com> wrote:
> IDs are unique for a document. A document containing multiple elements with
> the same ID is invalid. Use a class instead and invoke tablesorter on all
> tables with that class.
>
> e.g.
> <table class="tablesorter">
> ...
> </table>
>
> and
>
> $("table.tablesorter").tablesorter({ widgets: ['zebra'] });
>
>
>
> On Wed, Apr 29, 2009 at 20:35, David Blomstrom
> <david.blomst...@gmail.com>wrote:
>
>> I'm using jQuery's tablesorter.js to create tables with sortable rows, as
>> applied to tables with the ID "myTable."
>> 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.
>> I posted my JS links below, to show you my setup. Thanks for any tips.
>> * * * * *
>> <script src="http://MySite/js/jquery-1.3.1.min.js";
>> type="text/javascript"></script>
>> <script src="http://MySite/js/tablesorter/jquery.tablesorter.js";
>> type="text/javascript"></script>
>> <script language="JavaScript" type="text/JavaScript">
>> $(document).ready(function()
>> {
>> $("#myTable").tablesorter({ widgets: ['zebra']} );
>>
>> $("#triggerMS").click(function(){
>> $("#menuMS").show();
>> return false;
>> });
>> $("#menuMS").click( function(){
>> $("#menuMS").hide();
>> return true;
>> });
>>
>> $("#triggerReg").click(function(){
>> $("#menuReg").show();
>> return false;
>> });
>> $("#menuReg").click( function(){
>> $("#menuReg").hide();
>> return true;
>> });
>>
>> $("#triggerKids").click(function(){
>> $("#menuKids").show();
>> return false;
>> });
>> $("#menuKids").click( function(){
>> $("#menuKids").hide();
>> return true;
>> });
>>
>> $("#triggerLinks").click(function(){
>> $("#menuLinks").show();
>> return false;
>> });
>> $("#menuLinks").click( function(){
>> $("#menuLinks").hide();
>> return true;
>> });
>>
>> $("#triggerBooks").click(function(){
>> $("#menuBooks").show();
>> return false;
>> });
>> $("#menuBooks").click( function(){
>> $("#menuBooks").hide();
>> return true;
>> });
>>
>> }
>> );
>> </script>
>>
>>
>> --
>> David Blomstrom
>> Writer & Web Designer (Mac, M$ & Linux)
>> www.geobop.org
>>
>>
>> --
>> David Blomstrom
>> Writer & Web Designer (Mac, M$ & Linux)
>> www.geobop.org
>>
>
>
--
David Blomstrom
Writer & Web Designer (Mac, M$ & Linux)
www.geobop.org
