tab based nacigation - Jquery vs mootools

Hi all,
         I am looking for simple Jquery based tab navigation. I found one link, which is quiet simple but I cant download the UI file. http://frinity.blogspot.com/2008/07/tabbed-navigation-using-jquery.html
I will be great if some one could either paste a lin kto another simple solution or mayb just the missing file:)

Also can you please confirm if we can/cant use mootool along with jquery becauseI had a moo based solution which works in one file but when I try to implement in the page where I already am using a jquery based table sorter, it doesnt work. It will good to have a bit of explaination on it.

But the main point is still the tab based navigation.

thanks alot.
SameerMirzaAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

hieloCommented:
>> but I cant download the UI file.
Go to the download page of the UI site:
http://jqueryui.com/download

click on "Deselect all components"

Then look for the "Tabs" option and click it.

Then click on Download
0
SameerMirzaAuthor Commented:
I am using below linked files for table sorter on the same page. Problem is that only one of them works at a time, if I call the tab nevigation files and table sorter stops working :/
I have tried them both saperatly and they work fine. Any idea?
<script type="text/javascript" src="Jscript/tableSorter/jquery-latest.js"></script>
<script type="text/javascript" src="Jscript/tableSorter/jquery.tablesorter.js"></script>

0
SameerMirzaAuthor Commented:
here are the table sorter related files and you already have lin kto the tab navigation related js
I urgently need to get it fixed, it will be great if someone could help me out with it

THanks
tableSorter.zip
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

hieloCommented:
>>Also can you please confirm if we can/cant use mootool along with jquery
Yes, BUT you cannot use the "$" function for the jquery calls. You need to "force" jquery to "give/surrender" the "$" to mootools:

<script type="text/javascript" src="Jscript/tableSorter/jquery-latest.js"></script>
<script>
jQuery.noConflict();
</script>
<script type="text/javascript" src="Jscript/tableSorter/jquery.tablesorter.js"></script>

Then, if you are using the jquery tablesorter similar to this:
$(document).ready(function() 
    { 
        $("#myTable").tableSorter( {textExtraction: myTextExtraction} ); 
    } 
); 


then you CANNOT use the $ for the jquery stuff anymore. Instead, you need to use jQuery:
jQuery(document).ready(function() 
    { 
        jQuery("#myTable").tableSorter( {textExtraction: myTextExtraction} ); 
    } 
);

Open in new window

0
SameerMirzaAuthor Commented:
I assume from here that I would only need to change this fucntion to as you have said and then I could simple use mootools based tab navigation ?

Please confirm this point once more before I do any chnages because I have never user mootools before and I not even aware of how jquery or mootools work, I have just been picking up the code/exaples available online and have been using them in my work as required (with the required changes).

Thanks alot for your help.

0
hieloCommented:
Again, once you call jQuery.noConflict(), anything that is mootools related would not be affected. In other words, mootools would still work.  The only thing affected would be anything jQuery related. So if you have your own custom function that was using jQuery code/syntax and was making use of the $(...) function, you would no longer be able to use $(...). You would have to use jQuery(...) instead.

Regards,
Hielo
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
SameerMirzaAuthor Commented:
good
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JScript

From novice to tech pro — start learning today.