PDA

View Full Version : DD Tab Menu (5 styles) - hyperlink within DIV "tabcontainer"



SamR
07-14-2007, 11:18 PM
1) Script Title: DD Tab Menu (5 styles)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm

3) Describe problem:
The script works great and I've customized it. The ONLY problem is I would like a hyperlink within the content aread (hence, class="tabcontent" section) to also work similar to the "auto select tab" in showing a tabbed content --section JUST LIKE the tab area.

For example, when you put your mouse over the top tabbed section, it will reveal the 2nd level content (shown when mouse rolls over tab). I would like to do this WITHIN the content.

So, if the script calls for:

<div id="ddtabs3" class="solidblockmenu">
<ul>
<li><a href="javascript: void(0)" rel="sb2">Tab</a></li>
<ul>
</div>


I would like to have a link at the end of the article that would do the same, something like:

blah, blah and you can read more in the <a href="javascript: void(0)" rel="sb2">next section</a>

But, it won't "auto select" when I do it this way. Any suggestions?

Thank you kindly!
- Sam

P. S. A very similar script is used at http://www.microsoft.com/en/us/default.aspx ... looks great here. Maybe you can do something similar for us =)

ddadmin
07-16-2007, 06:31 AM
Sure, just use the following code:


<a href='javascript:ddtabmenu.showsubmenu("ddtabs1", document.getElementById("ddtabs1").getElementsByTagName("a")[2])'>Next section</a>

Be sure to change the code in red to the ID of the Tab Menu this link corresponds to. Then, change the number in orange to the number of the tab within the tab menu that should be selected when the link is clicked on, where 0=1st tab, 1=2nd tab etc.

SamR
07-16-2007, 08:04 AM
Sweeeeeeeeet! Thank you very much for the quick reply. It worked perfectly! :)