» Forums
» RollBar threads
» Support
» 2 rollbars in the same page
2 rollbars in the same page
2005/10/01 23:18
Viewed 10268 times
Replies: 1/1
by jhudson

The rollbar component only seems to be working if I have 1 in a page. Is this true? Is there anything special that needs to be done to have multiple rollbars in the same page? Thanks.
Re: 2 rollbars in the same page
2005/10/04 22:58
Viewed 13270 times
Replies: 0/0
by mb037

Try this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="skin-aqua.css" media="all"></link>
<style type="text/css">@import url(include/styles.css);</style>
<script type="text/javascript" src="rollbar.js"></script>
<script type="text/javascript" src="preserve-state.js"></script>
<style type="text/css">div.dynarch-roll-tabs table {margin-left: 0;}</style>

<script type="text/javascript">
function initDocument()
{
var config = { animation: false, hideButtons: true, tabs: 'top' };
DynarchRB.setup('room', config);
DynarchRB.setup('fabric', config);
DynarchRB.setup('services', config);
DynarchRB.setup('structure', config);
DynarchRB.setup('space', config);
DynarchRB.setup('finishing_building', config);
DynarchRB.setup('sundry', config);
DynarchRB.setup('finishing_site', config);
DynarchRB.setup('mechanical', config);
DynarchRB.setup('electrical', config);
DynarchRB.setup('electromechanical', config);
}
</script>
</head>

<body onload="initDocument()";>

<!-- ***************************************************************************************************************** -->
<!-- ROOM -->
<!-- ***************************************************************************************************************** -->

<div style="width: 750px; margin: 0 auto;">
<div id="room">
<div title="DS10192-FD">

</div>

<!-- ***************************************************************************************************************** -->
<!-- FABRIC -->
<!-- ***************************************************************************************************************** -->

<div title="Building Fabric">
<div style="width: 740px; margin: 0 auto;">
<div id="fabric">

<!-- ***************************************************************************************************************** -->

<div title="Structure/Carcass">
<div style="width: 740px; margin: 0 auto;">
<div id="structure">

<div title="E In Situ Concrete">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="F Masonry">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="G Structure/Carcassing">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Space Enclosure">
<div style="width: 740px; margin: 0 auto;">
<div id="space">

<div title="H Cladding/Covering">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>

<div title="J Waterproofing">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>

<div title="K Linings/Sheathing/Dry partitioniing">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>

<div title="L Windows/Doors/Stairs">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Building Finishing">
<div style="width: 740px; margin: 0 auto;">
<div id="finishing_building">

<div title="M Surface Finishes">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>

<div title="N Furniture/Equipment">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Sundry">
<div style="width: 740px; margin: 0 auto;">
<div id="sundry">

<div title="P Building Fabric Sundries">
<div style="width: 740px; margin: 0 auto;">
</div>
</div>

</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Site Finishing">
<div style="width: 740px; margin: 0 auto;">
<div id="finishing_site">

<div title="Q Paving/Planting/Fencing/Furniture">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->
<!-- END OF FABRIC -->
<!-- ***************************************************************************************************************** -->

<!-- ***************************************************************************************************************** -->
<!-- SERVICES -->
<!-- ***************************************************************************************************************** -->

<div title="Services">
<div style="width: 740px; margin: 0 auto;">
<div id="services">

<!-- ***************************************************************************************************************** -->

<div title="Mechanical">
<div style="width: 740px; margin: 0 auto;">
<div id="mechanical">

<div title="R Disposal Systems">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="S Piped Supply">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="T Heating/Cooling/Refrigeration">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="U Ventilation/Air Conditioning">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Electrical">
<div style="width: 740px; margin: 0 auto;">
<div id="electrical">

<div title="V Electrical Supply/Power/Lighting">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="W Communications/Security/Control">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Electromechanical">
<div style="width: 740px; margin: 0 auto;">
<div id="electromechanical">

<div title="X Transport Systems">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

</div>
</div>
</div>

</div>
</div>

<!-- ***************************************************************************************************************** -->

<script type="text/javascript">
DynarchRB.preloadImages();
</script>

</body>
</html>
last
Google