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,772
    Thanks
    2
    Thanked 410 Times in 405 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,933
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    9

    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
  •