I saw the post out at Klaus Hartl's blog.  (see below) And it is
   very close to the question that I have.
I'm new to the jQuery sytax and terminology. I'm a Java/Javascript web application programmer here at University
   of Wisconsin-Madison.

   Our apps are run from a java servlet server. Each tab calls a sevlet
   (i.e. <%=context%>/secure/Browse) that renders the html for the
   container.
   1. What we want to do is also trigger an Ajax request and have the
response be returned to another tab. 2. Or just be able to trigger a tab change from inside the content
   without the trip to the server.

   I'm reading the documention and finding it difficult to understand
   some of the terminology and syntax of jQuery.

   Is ther any sample code that would demonstrate the building of the
   anchors that I could reverse engineer to understand the processing?
   If someone has a functional site with this type of navigation I
   would be interested is seeing the HTML.

   Sincerely
   David Parker


   ------------------------------------------------------------------------


   <!doctype html public "-//w3c//dtd html 3.2 final//en">
   <html><head><title>Advisor Notes</title>

   <%  String context = request.getContextPath();  %>

   <link type="text/css"
   href="<%=context%>/css/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
   <script type="text/javascript"
   src="<%=context%>/js/jquery-1.3.2.min.js"></script>
   <script type="text/javascript"
   src="<%=context%>/js/jquery-ui-1.7.2.custom.min.js"></script>

   <script type="text/javascript">
     $(function(){     $('#an_tabs').tabs();   });
   </script>

   <style type="text/css">
     body{ font: 9pt sans-serif; margin: 0px;}
     #an_container {    float: left;    width: 400px;  }
     #an_tabs li {    font-size: 8pt;  }
   </style>

   </head>
   <body>
   <div id="an_container">
     <div id="an_tabs">
       <ul>
         <li><a href="<%=context%>/secure/Browse"  title="Browse
   Div"><span>Browse</span></a></li>
         <li><a href="<%=context%>/secure/Create"  title="Create
   Div"><span>Create</span></a></li>
         <li><a href="<%=context%>/secure/Search"  title="Search
   Div"><span>Search</span></a></li>
         <li><a href="<%=context%>/secure/Profile" title="Preferences
   Div"><span>Preferences</span></a></li>
       </ul>
     </div>
   </div>
   </body>
   </html>

   ------------------------------------------------------------------------


   Thanks alot. This is great.

   The only thing that concerns them is the fact that all the content
   lies on one page (for SEO and PPC reasons they want multiple pages)
   Is there a way to load external pages (either .asp or .html) into
   the tab?

   Thanks so much for this great release.

   Keonne

Comment <http://www.stilbuero.de/2007/10/23/jquery-ui-tabs-aka-tabs-3/#comment-87521> by Keonne, October 26th, 2007 at 2:50 pm

*Author Comment*

   Keonne, yes, that's easy! Just put such links instead of a fragment
   identifier into the |href| attribute of the anchors.
   The plugin recognizes the type of a tab and will load the content
   via Ajax (I usually call them "remote tabs").
   You can even have both types side by side.

   It'll also degrade gracefully with JavaScript disabled. The link
   takes you to the proper page.

--
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

<<attachment: david_parker.vcf>>

Reply via email to