I want to use the tabs from jQuery UI (Source: http://jqueryui.com/demos/tabs/) to display on each tab a COLLADA dae file using WebGL GLGE (Source: http://www.glge.org/). The Tabs should be generated dynamically depending on an xml file. Everything works as planed, only the rendering of the 3D Objects does not work.
I tried now different approaches but none of them works. The result is everytime the same. The 3D COLLADA Object is only rendered on the first tab. Even if I use basic and static document.write statements without retrieving data from my xml only the building on the first page is displayed.
For Example:
<div id="tabs">
<div id="tabs-1">
//ONLY THIS OBJECT IS RENDERED
<iframe src="glge/index_1.html" height="400" width="400"></iframe>
</div>
<div id="tabs-2">
<iframe src="glge/index_1.html" height="400" width="400"></iframe>
</div>
<div id="tabs-3">
<iframe src="glge/index_1.html" height="400" width="400"></iframe>
</div>
如果将金字塔中的金字塔放在一起使用,就会提供不止一个字眼。 So
<iframe src="glge/index_1.html" height="400" width="400"></iframe>
<iframe src="glge/index_1.html" height="400" width="400"></iframe>
<iframe src="glge/index_1.html" height="400" width="400"></iframe>
<div id="tabs">
//codehere
</div>
上面有3个D物体。
Hope you can understand my problem and help me out.
EDIT: I just uploaded the above "simple" example. You can see it under: http://korb.cwsurf.de/tmp/buildingdetail_simple.html
greetings, faiko