|
| ||||||||||
 |
| | Thread Tools | Search this Thread |
|
| ||||||||||
|
| | Thread Tools | Search this Thread |
|
#1
23-09-2009
| |||
| |||
| How to implement UI tabs using jQuery I am using Jquery U.I tabs as a plugin to my site. I've got some three html tables which I wanted to put into tabs, I thought because I am using them as ajax content that after each time a person clicks on the tab that the previous tab is destroyed and not hidden. Lastly, I need to have the option for the user to SEARCH in the 3rd tab and those results (html result) goes into that tab.  |
|
#2
23-09-2009
| |||
| |||
| Re: How to implement UI tabs using jQuery When jQuery makes the Ajax request for a tab's contents, that content is not loaded into a separate window the way that it would be with an iframe. This is an example where you could implement your jQuery using the following table format. Code: <li><a href="ajax/data_a">Title 1</a></li> <li><a href="ajax/data_b">Title 2</a></li> <li><a href="#tab-3">Search</a></li> |
|
#3
23-09-2009
| |||
| |||
| Re: How to implement UI tabs using jQuery In order to get different menu options in brain_menuframe.jsp, you must have JSP code which checks a request parameter or some input and changes the options using JSP -- right? I have one main page that contains the html tags like <html>, <body> and in this I have all tabs that has links to my Asp.net MVC controller views. So you're saying that the menuframe.jsp file is not re-executing? In my tests, it does, so it isn't simply because you are using iframes. |
|
#4
23-09-2009
| |||
| |||
| Re: How to implement UI tabs using jQuery The syntax for your HTML is actually really similar if you are doing AJAX or non-AJAX. We?re going to have our DIV with the correct ID. The HTML for a tab is replaced when you click the tab a second time. But that won't "replace" any script -- script isn't part of the DOM. Once script is loaded into the page, it's there for the life of the page. We have our URL bulleted list, our UL, and then we have our list items in between. With the LiveQuery plugin, you can detect when the elements coming into being so you can wait to apply the picker behavior until the elements are created. |
|
|
| Tags: ajax content, html tables, jquery, ui tabs, website plugins |
| Thread Tools | Search this Thread |
| |
Similar Threads for: "How to implement UI tabs using jQuery" | ||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Updates with jQuery 1.6.1 | Vincent D | Software Development | 5 | 23-06-2011 10:17 PM |
| New features in jQuery 1.4.3 | Botan | Software Development | 6 | 03-12-2010 06:43 AM |
| Read XML and RSS with jQuery | Ground 0 | Software Development | 3 | 27-11-2010 06:18 AM |
| How to implement a timer for JQuery? | Baazigar | Software Development | 5 | 19-02-2010 04:41 PM |
| Manipulate jQuery with PHP | Zecho | Software Development | 5 | 16-06-2009 02:14 AM |
