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 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.
