Looking for such script which opens a link with in the same tab content.

**rahman84** · 01-02-2013, 08:38 AM

hello,

Following is the link of my webpage using tab content script.

http://www.organic-4life.com/organic...rass_plus.html

I want to make 2 internal links in health notes tab.

1. Green Blood

2. Enzymes

When i click health notes i should see these 2 links and some content.

When i click green blood link the content of green blood opens within the health note tab.

**vwphillips** · 01-02-2013, 11:03 AM

Code:

<!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" xml:lang="en" lang="en">

<head>
  <title></title>
<link rel="stylesheet" type="text/css" href="http://www.organic-4life.com/tabcontent.css" />

<script type="text/javascript" src="http://www.organic-4life.com/tabcontent.js">

/***********************************************
* Tab Content script v2.2- © 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>
</head>

<body>
 <ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Description</a></li>
<li><a href="#" rel="country2">Supplement Facts</a></li>
<li><a href="#" rel="country3">Label</a></li>
<li><a href="#" rel="country4">Nutrition Facts</a></li>
<li><a href="#" rel="country5">Acid-Alkaline Rebalancing</a></li>
<li><a href="#" rel="country6">Health Notes</a></li>
<li><a href="#" rel="country7">FAQ</a></li>
<li><a href="#" rel="country8">Recipes</a></li>
</ul>


<div style="border:1px solid gray; width:840px; margin-bottom: 1em; padding: 10px">

<div id="country1" class="tabcontent">
Country 1
</div>

<div id="country2" class="tabcontent">
Countryy 2
</div>

<div id="country3" class="tabcontent">
Countryy 3
</div>

<div id="country4" class="tabcontent">
Countryy 4
</div>

<div id="country5" class="tabcontent">
Countryy 5
</div>

<div id="country6" class="tabcontent">
Countryy 6
 <ul id="countrytabs2" class="shadetabs">
  <li><a href="#" rel="country21">Description</a></li>
  <li><a href="#" rel="country22">Supplement Facts</a></li>
  </ul>
  <div id="country21" class="tabcontent">
   Countryy 24
  </div>
  <div id="country22" class="tabcontent">
   Countryy 25
  </div>
</div>
<div id="country7" class="tabcontent">
Countryy 7
</div>
<div id="country8" class="tabcontent">
Countryy 8
</div>
</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

var countries=new ddtabcontent("countrytabs2")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>

<div id="dog4" class="tabcontent">&nbsp;</div>


<script type="text/javascript">

//var mypets=new ddtabcontent("pettabs")
//mypets.setpersist(true)
//mypets.setselectedClassTarget("link")
//mypets.init(2000)

</script>
</td>
		</tr>
		</table>
	</div>
  <!-- End Content -->

</body>

</html>

**Beverleyh** · 01-02-2013, 11:10 AM

An alternative could be to use something like the Animated Collapsable Div script inside of your health note tab to only reveal your green blood content on demand: http://www.dynamicdrive.com/dynamici...edcollapse.htm .

Or you could use the Iframes SSI 2 script to swop the content completely: http://www.dynamicdrive.com/dynamici...iframessi2.htm

Thread: Looking for such script which opens a link with in the same tab content.

Thread Tools

Search Thread

Looking for such script which opens a link with in the same tab content.

Similar Threads

Lightbox 2.04 - Opens like regular link

Amazon style Drop-in content box - How to close it the same way as it opens?

Ajax Tabs Content - BUG - IE opens it in a new page

link that opens document in same window

When you click a Link it opens a specific sized pop up

Bookmarks

Bookmarks

Posting Permissions