Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 23-09-2009
Member
 
Join Date: Nov 2008
Posts: 73
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.
Reply With Quote
  #2  
Old 23-09-2009
Member
 
Join Date: Feb 2008
Posts: 180
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>
Reply With Quote
  #3  
Old 23-09-2009
Member
 
Join Date: Dec 2008
Posts: 161
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.
Reply With Quote
  #4  
Old 23-09-2009
Member
 
Join Date: Oct 2008
Posts: 134
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.
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: , , , ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


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


All times are GMT +5.5. The time now is 05:28 AM.