I don't have one no, as my server doesn't support PHP5. I can however
post the source code, and i'll repost when i upload a screenshot!

------
test.html
------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/
TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en">
        <head>
                <title>Page Title</title>
                <link type="text/css" href="js/ui.all.css" rel="stylesheet" />
                <link type="text/css" href="style.css" rel="stylesheet" />
                <link rel="SHORTCUT ICON" href="images/favicon.ico" />
                <script type="text/javascript" src="js/jquery-1.3.js"></script>
                <script type="text/javascript" 
src="js/jquery.ui.all.js"></script>
                <script type="text/javascript" src="js/ui.js"></script>
        <script type="text/javascript">
        $(function() {
                $("#risks").tablesorter();
        });
        </script>
                <script type="text/javascript" src="js/jquery.tablesorter.js"></
script>
        </head>
        <body>
                <div id="tabs">
                        <ul>
                                <li><a 
href="ajax/projects.html">Projects</a></li>
                                <li><a href="ajax/work.html">Work</a></li>
                        </ul>
                </div>
        </body>
</html>

-----
ui.js
-----
$(function(){
        // Accordion
        $("#accordion").accordion({ header: "h3", alwaysOpen: false });
        $("#org_info").accordion({ header: "h3", alwaysOpen: false });
        $("#project_info").accordion({ header: "h3", alwaysOpen: false });
        $("#team_members").accordion({ header: "h3", alwaysOpen: false });
        // Tabs
        $('#tabs').tabs();
        // Dialog
        $('#dialog').dialog({
                autoOpen: false,
                width: 600,
                buttons: {
                        "Ok": function() {
                                $(this).dialog("close");
                        },
                        "Cancel": function() {
                                $(this).dialog("close");
                        }
                }
        });
        // Dialog Link
        $('#dialog_link').click(function(){
                $('#dialog').dialog('open');
                return false;
        });
        // Datepicker
        $('#datepicker').datepicker({
                inline: true
        });
        // Slider
        $('#slider').slider({
                range: true,
                values: [17, 67]
        });
        // Progressbar
        $("#progressbar").progressbar({
                value: 20
        });
        //hover states on the static widgets
        $('#dialog_link, ul#icons li').hover(
                function() { $(this).addClass('ui-state-hover'); },
                function() { $(this).removeClass('ui-state-hover'); }
        );
});

-----
work.html
-----

<table id="risks" class="tablesorter">
        <thead>
                <tr>
                        <th>Name</th>
                        <th>Email</th>
                </tr>
        </thead>
        <tbody>

                <tr>
                        <td>Alex</td>
                        <td>b...@g.com</td>
                </tr>
                <tr>
                        <td>John</td>
                        <td>g...@b.com</td>

                </tr>
        </tbody>
</table>

On Feb 10, 8:31 pm, MorningZ <morni...@gmail.com> wrote:
> Got a public-facing example page?
>
> I've got the tablsorter plugin inside ui.tabs on a bunch of pages and
> have zero problems with them conflicting with each other
>
> On Feb 10, 2:46 pm, "black.horizons" <black.horiz...@gmail.com> wrote:
>
> > I've got tablesorter 2.0 sitting in tabs and it's not working, has
> > anybody got any idea why? I've got tablesorter 2.0 also sitting
> > outside tabs (on a different page) and it's working perfectly, so i'm
> > fairly sure that tablesorter 2.0 isn't broke!
>
> > thanks in advance!
>
> > alex

Reply via email to