• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 222
  • Last Modified:

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.
0
SameerMirza
Asked:
SameerMirza
  • 4
  • 3
1 Solution
 
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
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
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
 
SameerMirzaAuthor Commented:
good
0

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now