Hi,
I’m using a tabbar attached to a layout. But I don’t get a scrollbar, even if there are enough row to show the scrollbar. What is my mistake?
[code]
Zimmervermittlung Havelland - kostenlose Vermittlung von Urlaubs- und Feriendomizilen. <!-- layout and common -->
<script src="./lib/dhtmlx/dhtmlxLayout/codebase/dhtmlxcommon.js"></script>
<script src="./lib/dhtmlx/dhtmlxLayout/codebase/dhtmlxlayout.js"></script>
<script src="./lib/dhtmlx/dhtmlxLayout/codebase/dhtmlxcontainer.js"></script>
<link rel="stylesheet" type="text/css" href="./lib/dhtmlx/dhtmlxLayout/codebase/dhtmlxlayout.css">
<link rel="stylesheet" type="text/css" href="./lib/dhtmlx/dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_skyblue.css">
<!-- toolbar -->
<script src="./lib/dhtmlx/dhtmlxToolbar/codebase/dhtmlxcommon.js"></script>
<script src="./lib/dhtmlx/dhtmlxToolbar/codebase/dhtmlxtoolbar.js"></script>
<link rel="stylesheet" type="text/css" href="./lib/dhtmlx/dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css">
<!-- calendar -->
<script src="./lib/dhtmlx/dhtmlxCalendar/codebase/dhtmlxcalendar.js"></script>
<link rel="stylesheet" type="text/css" href="./lib/dhtmlx/dhtmlxCalendar/codebase/dhtmlxcalendar.css">
<link rel="stylesheet" type="text/css" href="./lib/dhtmlx/dhtmlxCalendar/codebase/skins/dhtmlxcalendar_dhx_skyblue.css">
<!-- tabbar -->
<script src="./lib/dhtmlx/dhtmlxTabbar/codebase/dhtmlxcommon.js"></script>
<script src="./lib/dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar.js"></script>
<script src="./lib/dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar_start.js"></script>
<script src="./lib/dhtmlx/dhtmlxTabbar/codebase/dhtmlxcontainer.js"></script>
<link rel="stylesheet" type="text/css" href="./lib/dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar.css">
<!-- lightbox -->
<script type="text/javascript" src="./lib/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="./lib/lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="./lib/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="./lib/lightbox/css/lightbox.css" type="text/css" media="screen" />
<style>
html, body {
width: 1024px;
height: 100%;
margin: 3px;
overflow: hidden;
}
</style>
<script>
var dhxLayout;
dhtmlxEvent(window,"load",function() {
dhxLayout = new dhtmlXLayoutObject(document.body, "3T", "dhx_skyblue");
/* header */
dhxLayout.cells("a").setHeight(325);
dhxLayout.cells("a").hideHeader();
dhxLayout.cells("a").fixSize("fw", "fh");
dhxLayout.cells("a").attachObject("frameHead");
/* frame left */
dhxLayout.cells("b").setWidth(250);
dhxLayout.cells("b").hideHeader();
dhxLayout.cells("b").fixSize("fw");
dhxLayout.cells("b").attachObject("frameLeft");
/* frame main */
dhxLayout.cells("c").hideHeader();
dhxLayout.setAutoSize("c");
dhxLayout.cells("c").attachObject("frameCenter");
statusBar = dhxLayout.cells("c").attachStatusBar();
statusBar.setText("E-Mail: info@zimmervermittlung-havelland.de - Telefon: (03385) 510593 - Fax: (03385) 513601");
});
</script>
</head>
<body>
<div id="frameHead"></div>
<div id="frameLeft"></div>
<div id="frameCenter" style="width: 100%; height: 100%;">
<div id="tabbar" style=" width: 100%; height: 100%;">
<div id="tab_information">
<?php
for ($i = 0; $i < 50; $i++) {
echo "tab_information
\n";
}
?>
tab_configuration
tab_images
tab_map
tab_request
tab_costs
var tabbar;
tabbar = new dhtmlXTabBar(“tabbar”, “top”);
tabbar.setSkin(‘dhx_skyblue’);
tabbar.setImagePath(“./lib/dhtmlx/dhtmlxTabbar/codebase/imgs/”);
tabbar.enableAutoSize(false, false);
tabbar.showInnerScroll();
tabbar.addTab("information", "Informationen", "100px");
tabbar.addTab("configuration", "Ausstattung", "100px");
tabbar.addTab("images", "Bilder", "100px");
tabbar.addTab("map", "Karte", "100px");
tabbar.addTab("costs", "Kosten", "100px");
tabbar.addTab("request", "Anfrage", "100px");
tabbar.setContent("information", "tab_information");
tabbar.setContent("configuration", "tab_configuration");
tabbar.setContent("images", "tab_images");
tabbar.setContent("map", "tab_map");
tabbar.setContent("request", "tab_request");
tabbar.setContent("costs", "tab_costs");
tabbar.setTabActive("information");
</script>
</body>
)