Error with dhtmlxTabbar on IE 9

Suite and Optimus Suite 5
#1

I’ve got the following tabbar built from dhtmlx. IE 9 is throwing error El objeto no acepta la propiedad o el método ‘setSkin’ and tabbar never loads. Testing in FF 3.5 or IE 7 works fine, when I upgrade the version of IE it fails.

Thanks

Matias

<div id="a_tabbar" class="dhtmlxTabBar" imgpath="js/dhtmlxLibs/dhtmlxTabbar/codebase/imgs/" style="height:550px">
				<!-- TAB GENERAL -->
				<div id="gnrl" name="Général" width="100px">
	 
					<div id="layoutOrder" style="position:absolute;width:100%;height:100%"></div>
					
					<!-- Supersisor instructions -->
					<div id="supervisorInstructions" style="width:100%;height:100%;overflow:auto;overflow-x:auto">
						 <TABLE>
					     	<tr>
					     		<td>
					     			 
					     		</td>
					     	</tr>
					   	</TABLE>
				   	</div>
					
					<!-- Grid history -->
					<div id="gridboxDigital" style="width:100%;height:100%;overflow:auto;overflow-x:hidden"></div>
					<!-- Grid document -->
					<div id="gridboxMail" style="width:100%;height:100%;overflow:auto;overflow-x:hidden"></div>

					<div id="form_general_order" style="position:absolute;width:100%;height:100%;overflow:auto">
						<table>
							<tr>
								<td width="15%"></td>
								<td align="center">
									<div id="form_general"></div>
								</td>
							</tr>
							<tr>
					   			<td align="right" colspan="2">
					   				<img src="images/icones/gif_32/filet_32/suivant.gif" onclick="javascript:validateTabGeneral()" title="Suivante"></img>
									<img src="images/icones/gif_32/filet_32/fermer.gif" onclick="javascript:cancel()" title="Annuler"></img>
					   			</td>
					   		</tr>
					   		<tr height="35px" valign="bottom">
					   			<td width="15%"></td>
								<td style="font-family:arial;font-size:14px;font-style: italic;color:red">
									Les champs marqués d'un * sont obligatoires
								</td>
					   		</tr>
						</table>
					</div>
				</div>
				<!-- TAB WORKS -->
				<div id="a2" name="Travaux" width="100px">
				
					<div id="layoutWorks" style="position:absolute;width:100%;height:100%"></div>
					
					<div id="gridboxCost" style="width:100%;height:400px"></div>
					
					<!-- Form part -->
					<div id="form_Work_buttons" style="position:absolute;width:100%;height:100%;">
						<TABLE>
					     	<tr>
					     		<td width="7%"></td>
					     		<td align="center">
					     			<div id="form_Work"></div>
					     		</td>
					     		<td width="7%"></td>
					   		</tr>
					   		<tr>
					   			<td></td>
						   		<td align="left" colspan="1">
						   			<div id="button_print" style="width:100%" align="right" display="none">
										<table>
											<tr>
												<td align="right">Merci d'imprimer votre bordereau d'envoi et de l'envoyer à votre CTD avec vos documents</td>
												<td align="right"><img src="images/icones/gif_32/filet_32/imprimer.gif" onclick="toPrint()" title="Merci d'imprimer votre bordereau d'envoi et de l'envoyer à votre CTD avec vos documents"></img></td>						
											</tr>
										</table>
									</div>
						   		</td>
						   		<td></td>
					   		</tr>
					   		<tr>
					   			<td></td>
					   			<td align="right" colspan="1">
					   				<!--//177T1-481-->
					   				<div id="buttons" style="display:none;">
					   					<img src="images/icones/gif_32/filet_32/valider.gif" onclick="javascript:validateSuccess()" title="Transférer au CTD"></img>
										<img src="images/icones/gif_32/filet_32/telecharger.gif" onclick="javascript:save()" title="Enregistrer le dossier"></img>
										<img src="images/icones/gif_32/filet_32/fermer.gif" onclick="javascript:cancel()" title="Annuler"></img>
									</div>
					   			</td>
					   			<td></td>
					   		</tr>
					   		<tr height="35px" valign="bottom">
					   			<td width="7%"></td>
								<td style="font-family:arial;font-size:14px;font-style: italic;color:red" colspan="2">
									<!--//177T1-481-->
									<div id="mandatoryFields" style="display:none;">
										Les champs marqués d'un * sont obligatoires
									</div>
								</td>
					   		</tr>
		   				</TABLE>
	   				</div>
				</div>
			</div>

a_tabbar.attachEvent("onSelect",changeTabbar);
a_tabbar.setSkin("modern");
#2

About this:
a_tabbar.attachEvent(“onSelect”,changeTabbar);
a_tabbar.setSkin(“modern”);
Replace lines.

About IE:
Can’t reproduce the issue locally,
Could you attach completed demo to test it?
docs.dhtmlx.com/doku.php?id=othe … leted_demo

#3

I’ve made some tweaking to the app, and I can load a form, but the events that I attached to it are not executing.

Other problem I’m having is that it added a new tabbar named null.

#4

Do not attach PRO filen here, please.
If you need to share completed demo - do it in support system, please.

I’ve download your demo - wait for an answer, pleace.

#5

Can’t reproduce locally. Could you provide us a step-by-step instructions of reproducing?

#6

In the demo I’d provided, consists of a tabbar with two tabs, there’s an issue it’s showing a new tab with name “null”

Other issue is that I’ve defined “onSelect” event to be executed with a javascript method “changeTabbar”, which validates the form present on this page, and at the same time it changes tab and initializes a grid and a form in the other tab.

The arrow button below the form executes the validation and it’s supposed to change tab also, but it stays in validation, and doesn’t change tab.

It looks like the event isn’t triggered.

#7

You need to attach layout to tabbar by attachLayout() and then attach grid to layout cell by attachGrid()
Attach all the components uising right methods, not by table - you will not get such propblems.
As example use this:
dhtmlx.com/docs/products/dht … nside.html