PDA

View Full Version : Embedding Multiple Ajax Tabs



ehartnett00
09-27-2007, 01:06 AM
1) Script Title:
Ajax Tabs Content

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/

3) Describe problem: I would like to embed a second tab menu but not on the default page. Looking through the forums, I've seen a similar request but not an answer.

My main page has an ajax tab menu at the top with 8 tabs. The default tab does not have a tab menu but I would like the other 7 tabs to have one (tabs 2-8). Looking at the second tab, it looks like the embedded tab menu is working correctly but if you click on one of it's tabs, the page is loaded completely outside of the whole setup.

genb3370.htm - the main page


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>GENB 3370: Information and Communication Techniques</title>
<link rel="stylesheet" type="text/css" href="files/ajaxtabs.css" />

<script type="text/javascript" src="files/ajaxtabs.js">

/***********************************************
* Ajax Tabs Content script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<style type="text/css">
body {
font-family: helvetica, serif;
}
</style>

</head>

<body style="background-color: #CD5806;">
<!-- #0B203F -->
<p>
<span style="font-size:80%; color:white; padding: 4px; font-weight: bold;">The University of Texas at Tyler, Robert R. Muntz Library</span><br />
<span style="font-size:150%; font-weight:bold; color: white;">GENB 3370: Information and Communication Techniques - Course Guide</span><br />
</p>

<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#default" rel="ajaxcontentarea">Home</a></li>
<li><a href="genb3370_company.htm" rel="ajaxcontentarea">Companies</a></li>
<li><a href="genb3370_industry.htm" rel="ajaxcontentarea">Industries</a></li>
<li><a href="genb3370_country.htm" rel="ajaxcontentarea">Countries</a></li>
<li><a href="genb3370_biographical.htm" rel="ajaxcontentarea">Biographical Research</a></li>
<li><a href="genb3370_market.htm" rel="ajaxcontentarea">Market Research</a></li>
<li><a href="genb3370_occupation.htm" rel="ajaxcontentarea">Occupations</a></li>
<li><a href="genb3370_other.htm" rel="ajaxcontentarea">Other Business Research</a></li>
</ul>

<div id="ajaxcontentarea" class="contentstyle">
<p>On these pages you will find links to and lists of resources that will help you with your research for this course.</p>
<p><a href="http://library.uttyler.edu/">Return to the Library Homepage</a></p>
<p><a href="http://library.uttyler.edu/collections/EZpages/ezsubjectbusiness.htm">Return to the complete list of Business Databases</a></p>
</div>

<script type="text/javascript">
//Start Ajax tabs script for UL with id="maintab" Separate multiple ids each with a comma.
startajaxtabs("maintab", "subtab")
</script>

</body>
</html>


genb3370_company.htm - the second tab on the main ajax menu


<p><span style="font-size: 130%; font-weight: bold;"><center>Company Research</center></span></p>
<ul id="subtab" class="shadetabs">
<li class="selected"><a href="#default" rel="subcontentarea">Things to Consider</a></li>
<li><a href="genb3370_company_databases.htm" rel="subcontentarea">Databases</a></li>
<li><a href="genb3370_industry.htm" rel="subcontentarea">Journals</a></li>
<li><a href="genb3370_country.htm" rel="subcontentarea">E-Books</a></li>
<li><a href="genb3370_biographical.htm" rel="subcontentarea">Reference Books</a></li>
<li><a href="genb3370_market.htm" rel="subcontentarea">Other Resources</a></li>
</ul>

<div id="subcontentarea" class="contentstyle2">
<p><span style="font-size: 130%; font-weight: bold;"><center>Things to Consider:</center></span></p>
<ul>
<li>Is the company private or public?</li>
<ul>
<li>Why?</li>
<ul>
<li>Information, especially financial information, for public companies is easier because they are required to file with the government.</li>
<li>Private companies are not required to provide their financial information to the public so their information is most likely not available.</li>
</ul>
</ul>
<li>Is the company an operating unit, i.e., a subsidiary, division, or affiliate, of a parent company?</li>
<ul>
<li>Why?</li>
<ul>
<li>For financial information about an operating unit you must look up the parent companies information.</li>
</ul>
</ul>
</ul>
</div>


genb3370_company_databases.htm - the second tab on the embedded ajax tab menu


<p>
<span style="font-size: 110%;"><a name="databases">Databases</a></span><br />
</p>
<div class="resources">
<p>
<a href="http://ezproxy.uttyler.edu:2048/login?url=http://www.mergentonline.com/"><span style="font-weight:bold;">Mergent Online</span></a><br />
<span style="font-size:90%;">This database is all about the facts; you won't find any opinions here. It allows you to search by company name, ticker symbol, or CUSIP and provides everything from company history and annual reports, to company financials and news, for both U.S. and international companies. The database then gives you the ability to create custom reports from the information. Mergent even allows you to create comparison reports between two or more companies.</span>
</p>
<p>
<a href="http://ezproxy.uttyler.edu:2048/login?url=http://search.ebscohost.com/login.asp?profile=bsi"><span style="font-weight:bold;">Business Source Complete</span></a><br />
<span style="font-size:90%;">This is the world's definitive scholarly business database, providing the leading collection of bibliographic and full text content. As part of the comprehensive coverage offered by this database, indexing and abstracts for the most important scholarly business journals back as far as 1886 are included. In addition to the searchable cited references provided for more than 1,200 journals.</span>
</p>
<p>
<a href="http://ezproxy.uttyler.edu:2048/login?url=http://proquest.umi.com/login?COPT=REJTPTE5M2MmTEE9ZW4mU01EPTQmVFJNPTEmU1BMPTEmU0ZEPTImSU5UPTAmVkVSPTI=&clientId=69636">ABI/INFORM</a><br />
ABI/INFORM provides in-depth coverage of business conditions, trends, corporate strategies and tactics, management techniques, competitive product information, and a wide variety of other business topics. ABI/INFORM includes over 3,000 full-text journals with coverage to the 1920s.
</p>
<p>
<a href="http://ezproxy.uttyler.edu:2048/login?url=http://www.lexisnexis.com/cis">LexisNexis Academic Universe</a><br />
A good source for business and industry news.
</p>
<p>
<a href="http://ezproxy.uttyler.edu:2048/login?url=http://search.ebscohost.com/login.asp?profile=bwn">Regional Business News</a><br />
This database provides comprehensive full text coverage for regional business publications. Regional Business News incorporates coverage of 75 business journals, newspapers and newswires from all metropolitan and rural areas within the United States. This database is updated on a daily basis.
</p>
</div>


Thanks for your help.

ddadmin
09-27-2007, 05:04 AM
Nesting of Ajax tabs is possible, with some minor tweaks to the default script. Check the bottom of this thread for a modification: http://www.dynamicdrive.com/forums/showthread.php?t=18508

ehartnett00
09-27-2007, 06:29 PM
I missed that thread - I always seem to have a hard time finding what I'm looking for when I search the forums. That works great. Thanks a lot.