Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by jcrone on Oct 06, 2009 18:12
open dhtmlx forum
tabbar initialization error in IE7 and IE8

When creating/initializing a tabbar using the html div method a null parent tab is being create around the specified tabs. Does not occur in Firefox or Chrome.

<div id="mainContent" mode="top" tabheight="25" align="left" offset="20"
    margin="-10" class="dhtmlxTabBar" imgpath="/og/codebase/imgs/"
    style="margin-top: 9px; padding-left: 40px; height: 800px;" oninit ="tabbarOnLoad()">
<div id="a1" width="90" name="Personal"> </div>
<div id="a1" width="90" name="Associate"> </div>
...
...
</div>


The tabs are create correctly but they are created inside a parent tab. Can email screen if requested.
Answer posted by Stanislav (support) on Oct 07, 2009 10:12
a) Are you using latest version of dhtmlxtabbar or some older one ?
b) Is the code in your case exactly the same as in provided snippet? Older version of tabbar can produce such output if there is any html node ( even html comment ) between top level div and first tab div. 
Answer posted by jcrone on Oct 07, 2009 12:49

I'm using version dhtmlxSuite_2008Rel3_pro_81009. 

This is the exact div element.

The issue is not consistent, it happens approximatly 1 out of 10 times the page is loaded/refreshed

<div id="mainContent" mode="top" tabheight="25" align="left" offset="20"

margin="-10" class="dhtmlxTabBar" imgpath="/og/codebase/imgs/"

style="margin-top: 9px; padding-left: 40px; height: 800px;" oninit="tabbarOnLoad()">

<div id="a1" width="90" name="Personal"> <%@include

file="personal.jsp"%> </div>

<div id="a2" width="90" name="Associate"><%@include

file="associate.jsp"%></div>

<div id="a3" width="90" name="Counters"><%@include

file="counters.jsp"%></div>

<div id="a4" width="90" name="Licensing"><%@include

file="license.jsp"%></div>

<div id="a5" width="90" name="Organization"><%@include

file="organization.jsp"%></div>

<div id="a6" width="90" name="Comments"><%@include

file="comments.jsp"%></div>

<div id="a7" width="90" height="100%" name="Reports" ><%@include

file="reports.jsp"%></div>

</div>

 

 

Attachments (2)
Answer posted by Stanislav (support) on Oct 08, 2009 06:05
Please try to use attached js file instead of original one - this is fixed version for tabbar-81009
We can't reconstruct the issue while using your code, not with build 81009, not with latest code. 
Attachments (1)
Answer posted by Stanislav (support) on Oct 08, 2009 06:07
Working sample with same html and code from 81009 is attached
Attachments (1)
sample.zip47.83 Kb