The HTML code for this window

<div id="myWindow" 
windowProperties="title:This is my window,resizable:true,closable:true,dragable:true,cookieName:cookieWindowDemo2_1,xPos:300,yPos:400,minWidth:350,minHeight:150,activeTabId:windowContent1">
	<div id="windowContent1" class="DHTMLSuite_windowContent" tabProperties="tabTitle:Welcome">
		This is my first window.	
	</div>
	<div id="windowContent2" class="DHTMLSuite_windowContent" tabProperties="contentUrl:includes/article4.html,tabTitle:Second tab,active=1">
	</div>
	<div id="windowContent3" class="DHTMLSuite_windowContent" tabProperties="contentUrl:includes/article5.html,tabTitle:Third tab">
	</div>
</div>

The Javascript code for a window:

<script type="text/javascript">

var windowModel = new DHTMLSuite.windowModel();
windowModel.createWindowModelFromMarkUp('myWindow');

var myWindow = new DHTMLSuite.windowWidget();
myWindow.addWindowModel(windowModel);
myWindow.init();
myWindow.setStatusBarText('This is some text');

</script>
		

This is my first window.

• Load a table into a tab - myWindow.loadContent('windowContent2','includes/pane-splitter-table.inc');myWindow.activateTab('windowContent2')
• Cascade windows
• Tile windows
• Minimize all windows
• Maximize all windows
• Add new tab

About

This is a demo of the DHTMLSuite.tableWidget class. To run this demo, you'll need to include dhtml-suite-for-applications.js or the files

• dhtmlSuite-windowWidget.js
• dhtmlSuite-resize.js - for the resize feature
• dhtmlSuite-dynamiContent.js - for ajax content
• dhtmlSuite-dragDropSimple - for the drag'n drop feature

A window can be created by pure javascript or by refering to HTML markup on your page.