Home/ Questions/Q 8021339
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T21:57:01+00:00

The below tabs works fine with external js file.How to add the links so

  • 0

The below tabs works fine with external js file.How to add the links so that when the user click the link http://www.ll.com/#comments ,he will see the comments..tab
http://www.dynamicdrive.com/dynamicindex17/tabcontent/tabcontent.js

<ul id="countrytabs" class="shadetabs">
<li><a href="#movies" rel="tutorial" class="selected">Tutorial</a></li>
<li><a href="#Comments" rel="comments">Comments</a></li>  
</ul>
<div class="contentbox">
<div id="movies" class="tabcontent">
Download movies here
</div>
<div id="comments" class="tabcontent">
</div>


<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this, after countries.init():

    var tagIndex = window.location.toString().indexOf('#');
if (tagIndex >= 0)
    countries.expandit(window.location.toString().substring(tagIndex).toLowerCase());

    EDIT: You had a few problems in the example code you provided (You did not wait for the document onload event. You did not follow the naming-conventions of the A links as on the ddtabcontent documentation site, …)

    I have created this example to test its functionality:

    <html>
    <head>
        <script type="text/javascript" src="tabcontent.js"></script>
        <script type="text/javascript">
             function onload()
             { 
                var countries = new ddtabcontent("countrytabs");
                countries.setpersist(true);
                countries.setselectedClassTarget("link");
                countries.init();
                var url = window.location.toString();
                var tagIndex = url.indexOf('#');
                if (tagIndex >= 0)
                    countries.expandit(url.substring(tagIndex).toLowerCase());
            }
        </script>
        <style type="text/css">
            div.tabcontent
            {
                display: none;
            }
        </style>
    </head>
    <body onload="onload()">
        <ul id="countrytabs" class="shadetabs"> 
            <li><a href="#movies" id="#movies" rel="movies" class="selected">Movies</a></li> 
            <li><a href="#comments" id="#comments" rel="comments">Comments</a></li>   
        </ul> 
        <div class="contentbox"> 
            <div id="movies" class="tabcontent"> 
                Download movies here 
            </div>
            <div id="comments" class="tabcontent">
                Put comments here
            </div>
        </div>
    </body>
</html>
    • 0