Results 1 to 3 of 3

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

  1. #1
    Join Date
    Jan 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

    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.

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,793
    Thanks
    2
    Thanked 418 Times in 412 Posts

    Default

    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>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,945
    Thanks
    16
    Thanked 304 Times in 303 Posts
    Blog Entries
    11

    Default

    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
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

Similar Threads

  1. Lightbox 2.04 - Opens like regular link
    By Fenris in forum JavaScript
    Replies: 4
    Last Post: 01-14-2010, 09:03 AM
  2. Amazon style Drop-in content box - How to close it the same way as it opens?
    By theboy.sk in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 10-15-2007, 03:30 PM
  3. Ajax Tabs Content - BUG - IE opens it in a new page
    By starp25 in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 06-22-2007, 01:07 AM
  4. link that opens document in same window
    By marsshutters in forum Looking for such a script or service
    Replies: 4
    Last Post: 05-02-2007, 03:55 PM
  5. Replies: 1
    Last Post: 07-11-2006, 07:42 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •