PDA

View Full Version : Tabs and jquery just not working for this forum !!



chas
02-03-2015, 03:03 PM
1) Script Title: Drop Down Tabs (5 styles)

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

3) Describe problem:

http://coloroflaw.byethost9.com/forum

i am not getting any tabs to work with mybb forums can anyone help?

tabs are not generated at all for this one it listed after the forums.

help please, jquery framework

ddadmin
02-03-2015, 11:23 PM
There may be other errors, but looking at the markup of your menu, it's missing the markup for the two drop down menus themselves that are specified:


<div id="indexdropdowntabs" class="slidingdoors">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/" rel="dropmenu1">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/resources/" rel="dropmenu2">Partners</a></li>
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
</ul>
</div>

The missing markup should look something like this:


<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv_c">
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links and Buttons</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a>
</div>


<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv_c" style="width: 150px;">
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
</div>

chas
02-04-2015, 12:29 AM
well the parent tabs are not even rendered, help please. i have removed the dropdowns and till it wont render the html

chas
02-04-2015, 12:29 AM
is bootstrap a contributing factor?

ddadmin
02-04-2015, 01:12 AM
is bootstrap a contributing factor?

Not in this case. The styling of the parent tabs is controlled by the CSS class assigned to it:


<div id="indexdropdowntabs" class="slidingdoors">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/resources/">Partners</a></li>
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
</ul>
</div>

The class name in red should be changed to "sidetabsmenu", or that defined inside http://coloroflaw.byethost9.com/forum/jscripts/dropdowntab/slidingdoors.css

chas
02-04-2015, 01:23 AM
Not in this case. The styling of the parent tabs is controlled by the CSS class assigned to it:


<div id="indexdropdowntabs" class="slidingdoors">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/resources/">Partners</a></li>
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
</ul>
</div>

The class name in red should be changed to "sidetabsmenu", or that defined inside http://coloroflaw.byethost9.com/forum/jscripts/dropdowntab/slidingdoors.css

hi thanks for your help....

I try your change just now and I dont see much improvement?

thanks again

chas
02-04-2015, 01:43 AM
but this is only for menu? i thought it was for content as well?

ddadmin
02-04-2015, 02:08 AM
I see the tabs menu and style appearing now on your page...

chas
02-04-2015, 02:39 AM
yeah i was looking for a tabbed "content" that calls the menu and content together instead of 2x ordered or unordered lists...

does anyone have one?