Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Cristina on Sep 23, 2009 00:26
open dhtmlx forum
Tabbar empty in IE 7

Hi,
I'm using Tabbar in free version.

<div id="a_tabbar" style="width:100%;height:95%"></div>
<script>
tabbar=new dhtmlXTabBar("a_tabbar","top");
tabbar.setImagePath("components/imgs/");
tabbar.setStyle("modern");
tabbar.loadXML("tabs.xml");

</script>
and xml file
<?xml version="1.0" encoding="UTF-8" ?>
<tabbar hrefmode="iframes-on-demand">
<row>
<tab id="b1" width='150px' selected="1" href="a1.jsp">a1</tab>
<tab id="b2" width='150px' href="Ra2.jsp">a2</tab>
<tab id="b3" width='150px' href="a3.jsp">a3</tab>
</row>
</tabbar>

It correctly works in FireFox but in IE7 I have a empty page only with tab name at the top.

I have try to substitute the xml file with javascript code

<div id="a_tabbar" style="width:100%;height:95%"></div>
<script>
tabbar=new dhtmlXTabBar("a_tabbar","top");
tabbar.setImagePath("components/imgs/");
tabbar.setStyle("modern");

tabbar.setHrefMode("ajax-html");
tabbar.addTab("a1","Tab 1-1","100px");
tabbar.addTab("a2","Tab 1-2","100px");
tabbar.addTab("a3","Tab 1-3","100px");
tabbar.setContentHref("a1","http://www.google.it");
tabbar.setContentHref("a2","http://www.google.it");
tabbar.setContentHref("a3","http://www.google.it");
tabbar.setTabActive("a1");

</script>

but it does not work in IE7

Please can you help me?
Thanks and best regards,
Cristina
Answer posted by Alex (support) on Sep 23, 2009 03:09

Hello,

>> It correctly works in FireFox but in IE7 I have a empty page only with tab name at the top

Please, check that a_tabbar container has desired height in IE7.

>> but it does not work in IE7

Ajax-based modes allow to load content only from the same domain as a page where tabbar is initialized. You can try to use iframes mode instead.