DHTMLX Docs & Samples Explorer

Index
dhtmlxAccordion
Google Maps

# Example (Google Maps)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    	<title>Attach Google Maps to Accordion</title>
    	<link rel="stylesheet" type="text/css" href="codebase/dhtmlxaccordion.css">
    	<link rel="stylesheet" type="text/css" href="codebase/skins/dhtmlxaccordion_dhx_skyblue.css">
    	<script src="codebase/dhtmlxcommon.js"></script>
    	<script src="codebase/dhtmlxaccordion.js"></script>

    	<script src="codebase/dhtmlxcontainer.js"></script>
    	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    </head>
    <body onload="doOnLoad();">
    	<div id="parentId" style="position: relative; top: 20px; left: 20px; width: 600px; height: 400px; aborder: #B5CDE4 1px solid;"></div>

    <script>
    	var dhxAccord, GMaps;
    	function doOnLoad() {
    		dhxAccord = new dhtmlXAccordion("parentId");
    		dhxAccord.addItem("a", "www.google.com");
    		dhxAccord.cells("a").setWidth(120);
    		GMaps = dhxAccord.cells("a").attachMap();

    	}
    </script>
    </body>
    </html>