[p5sagit/Devel-Size.git] / static / tm0.html

<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Treemap - TreeMap with on-demand nodes</title>

<!-- CSS Files -->
<link type="text/css" href="css/base.css" rel="stylesheet" />
<link type="text/css" href="css/Treemap.css" rel="stylesheet" />

<!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->

<!-- JIT Library File -->
<script language="javascript" type="text/javascript" src="jit.js"></script>

<!-- Example File -->
<script language="javascript" type="text/javascript" src="tm0data.js"></script>
<script language="javascript" type="text/javascript" src="tm0.js"></script>
</head>

<body onload="init();">
<div id="container">

<div id="left-container">


<div class="text">
<h4>
TreeMap with on-demand nodes    
</h4> 

            This example shows how you can use the <b>request</b> controller method to create a TreeMap with on demand nodes<br /><br />
            This example makes use of native Canvas text and shadows, but can be easily adapted to use HTML like the other examples.<br /><br />
            There should be only one level shown at a time.<br /><br /> 
            Clicking on a band should show a new TreeMap with its most listened albums.<br /><br />            
            
</div>

<div id="id-list">
<table>
    <tr>
        <td>
            <label for="r-sq">Squarified </label>
        </td>
        <td>
            <input type="radio" id="r-sq" name="layout" checked="checked" value="left" />
        </td>
    </tr>
    <tr>
         <td>
            <label for="r-st">Strip </label>
         </td>
         <td>
            <input type="radio" id="r-st" name="layout" value="top" />
         </td>
    <tr>
         <td>
            <label for="r-sd">SliceAndDice </label>
          </td>
          <td>
            <input type="radio" id="r-sd" name="layout" value="bottom" />
          </td>
    </tr>
</table>
</div>

<a id="back" href="#" class="theme button white">Go to Parent</a>


<div style="text-align:center;"><a href="example2.js">See the Example Code</a></div>            
</div>

<div id="center-container">
    <div id="infovis"></div>    
</div>

<div id="right-container">

<div id="inner-details"></div>

</div>

<div id="log"></div>
</div>
</body>
</html>
Commit	Line	Data
94fab3d1	1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	2	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	3	<head>
	4	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	5	<title>Treemap - TreeMap with on-demand nodes</title>
	6
	7	<!-- CSS Files -->
	8	<link type="text/css" href="css/base.css" rel="stylesheet" />
	9	<link type="text/css" href="css/Treemap.css" rel="stylesheet" />
	10
	11	<!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
	12
	13	<!-- JIT Library File -->
	14	<script language="javascript" type="text/javascript" src="jit.js"></script>
	15
	16	<!-- Example File -->
	17	<script language="javascript" type="text/javascript" src="tm0data.js"></script>
	18	<script language="javascript" type="text/javascript" src="tm0.js"></script>
	19	</head>
	20
	21	<body onload="init();">
	22	<div id="container">
	23
	24	<div id="left-container">
	25
	26
	27
	28	<div class="text">
	29	<h4>
	30	TreeMap with on-demand nodes
	31	</h4>
	32
	33	This example shows how you can use the <b>request</b> controller method to create a TreeMap with on demand nodes<br /><br />
	34	This example makes use of native Canvas text and shadows, but can be easily adapted to use HTML like the other examples.<br /><br />
	35	There should be only one level shown at a time.<br /><br />
	36	Clicking on a band should show a new TreeMap with its most listened albums.<br /><br />
	37
	38	</div>
	39
	40	<div id="id-list">
	41	<table>
	42	<tr>
	43	<td>
	44	<label for="r-sq">Squarified </label>
	45	</td>
	46	<td>
	47	<input type="radio" id="r-sq" name="layout" checked="checked" value="left" />
	48	</td>
	49	</tr>
	50	<tr>
	51	<td>
	52	<label for="r-st">Strip </label>
	53	</td>
	54	<td>
	55	<input type="radio" id="r-st" name="layout" value="top" />
	56	</td>
	57	<tr>
	58	<td>
	59	<label for="r-sd">SliceAndDice </label>
	60	</td>
	61	<td>
	62	<input type="radio" id="r-sd" name="layout" value="bottom" />
	63	</td>
	64	</tr>
65	</table>
66	</div>
67
68	<a id="back" href="#" class="theme button white">Go to Parent</a>
69
70
71	<div style="text-align:center;"><a href="example2.js">See the Example Code</a></div>
72	</div>
73
74	<div id="center-container">
75	<div id="infovis"></div>
76	</div>
77
78	<div id="right-container">
79
80	<div id="inner-details"></div>
81
82	</div>
83
84	<div id="log"></div>
85	</div>
86	</body>
87	</html>