ibaker
03-10-2010, 08:25 AM
1) Script Title: DD Tab Menu (5 styles)
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm
3) Describe problem:
I have a website that uses vBulletin forums and other addons to the forums like a photo gallery etc.
I can't figure out how to use this script to keep the tab selected for the section of the site that I am on.
For example I have:
Tab Home (../index.php)
Tab Forums (../forum/)
Tab Photos (../gallery/) etc
vBulletin uses a header and navbar template which are used across the entire site:
- I have placed in my header template:
<script type="text/javascript" src="../images/ddtabmenu.js">
</script>
<!--
* DD Tab Menu script- © 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
-->
<link rel="stylesheet" type="text/css" href="../images/solidblocksmenu.css" />
<script type="text/javascript">
//SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
ddtabmenu.definemenu("ddtabs1", "auto") //initialize Tab Menu #1 with 1st tab selected
</script>
- In my navbar template I have placed:
<div id="ddtabs1" class="solidblockmenu">
<ul>
<li><a href="../index.php" rel="sb1">Home</a></li>
<li><a href="../aircraft/" rel="sb2">Aircraft</a></li>
<li><a href="../forum/blogs/recent-entries/" rel="sb3">Blogs</a></li>
<li><a href="../clubs/" rel="sb4">Flying</a></li>
<li><a href="../forum/" rel="sb5">Forums</a></li>
<li><a href="../articles/" rel="sb6">Multimedia</a></li>
<li><a href="../forum/profile.php?do=editoptions" rel="sb7">My Settings</a></li>
<li><a href="../classifieds/" rel="sb8">Pilot Shop</a></li>
<li><a href="../forum/vbgooglemaphse.php?do=list" rel="sb9">Pilot Tools</a></li>
<li><a href="../forum/search.php?do=getnew&exclude=269" rel="sb10">What's New</a></li>
</ul>
</div>
<DIV class="tabcontainer ieclass">
<div id="sb1" class="tabcontent">
<a href="../index.php?pageid=about">About This Site</a> | etc
So how can I create it so when the user is on:
- the home page tab1 is selected
- the forum tab2 is selected
- the photo gallery tab3 is selected etc
The other issue is the sub menu row is displaying to high when viewed in IE but Firefox is ok
You can see what I have done so far at:
http://www.recreationalflying.com.au - and you must select test in the Quick Style Chooser drop down box at the bottom of the page to see the tab menu.
Any help is greatly appreciated
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm
3) Describe problem:
I have a website that uses vBulletin forums and other addons to the forums like a photo gallery etc.
I can't figure out how to use this script to keep the tab selected for the section of the site that I am on.
For example I have:
Tab Home (../index.php)
Tab Forums (../forum/)
Tab Photos (../gallery/) etc
vBulletin uses a header and navbar template which are used across the entire site:
- I have placed in my header template:
<script type="text/javascript" src="../images/ddtabmenu.js">
</script>
<!--
* DD Tab Menu script- © 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
-->
<link rel="stylesheet" type="text/css" href="../images/solidblocksmenu.css" />
<script type="text/javascript">
//SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
ddtabmenu.definemenu("ddtabs1", "auto") //initialize Tab Menu #1 with 1st tab selected
</script>
- In my navbar template I have placed:
<div id="ddtabs1" class="solidblockmenu">
<ul>
<li><a href="../index.php" rel="sb1">Home</a></li>
<li><a href="../aircraft/" rel="sb2">Aircraft</a></li>
<li><a href="../forum/blogs/recent-entries/" rel="sb3">Blogs</a></li>
<li><a href="../clubs/" rel="sb4">Flying</a></li>
<li><a href="../forum/" rel="sb5">Forums</a></li>
<li><a href="../articles/" rel="sb6">Multimedia</a></li>
<li><a href="../forum/profile.php?do=editoptions" rel="sb7">My Settings</a></li>
<li><a href="../classifieds/" rel="sb8">Pilot Shop</a></li>
<li><a href="../forum/vbgooglemaphse.php?do=list" rel="sb9">Pilot Tools</a></li>
<li><a href="../forum/search.php?do=getnew&exclude=269" rel="sb10">What's New</a></li>
</ul>
</div>
<DIV class="tabcontainer ieclass">
<div id="sb1" class="tabcontent">
<a href="../index.php?pageid=about">About This Site</a> | etc
So how can I create it so when the user is on:
- the home page tab1 is selected
- the forum tab2 is selected
- the photo gallery tab3 is selected etc
The other issue is the sub menu row is displaying to high when viewed in IE but Firefox is ok
You can see what I have done so far at:
http://www.recreationalflying.com.au - and you must select test in the Quick Style Chooser drop down box at the bottom of the page to see the tab menu.
Any help is greatly appreciated