1 <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
3 <html><head><title>$.jqplot.MekkoRenderer
</title><link rel=
"stylesheet" type=
"text/css" href=
"../../styles/main.css"><script language=JavaScript
src=
"../../javascript/main.js"></script><script language=JavaScript
src=
"../../javascript/searchdata.js"></script></head><body class=
"ContentPage" onLoad=
"NDOnLoad()"><script language=JavaScript
><!--
4 if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>
6 <!-- Generated by Natural Docs, version 1.4 -->
7 <!-- http://www.naturaldocs.org -->
9 <!-- saved from url=(0026)http://www.naturaldocs.org -->
14 <div id=Content
><div class=
"CClass"><div class=CTopic id=MainTopic
><div class=
"CTitle logo"><div class=
"nav"><a class=
"nav" href=
"../../../index.php"><span>></span>Home
</a><a class=
"nav" href=
"../../../tests/"><span>></span>Examples
</a><a class=
"nav" href=
"../../../docs/"><span>></span>Docs
</a><a class=
"nav" href=
"http://bitbucket.org/cleonello/jqplot/downloads/"><span>></span>Download
</a><a class=
"nav" href=
"../../../info.php"><span>></span>Info
</a><a class=
"nav" href=
"../../../donate.php"><span>></span>Donate
</a></div><a name=
"$.jqplot.MekkoRenderer"></a>$.jqplot.
<wbr>MekkoRenderer
</div><div class=CBody
><p>Draws a Mekko style chart which shows
3 dimensional data on a
2 dimensional graph. the
<a href=
"jqplot-mekkoAxisRenderer-js.html#$.jqplot.MekkoAxisRenderer" class=LClass id=link7
onMouseOver=
"ShowTip(event, 'tt7', 'link7')" onMouseOut=
"HideTip('tt7')">$.jqplot.MekkoAxisRenderer
</a> should be used with mekko charts.
The mekko renderer overrides the default legend renderer with it
’s own $.jqplot.MekkoLegendRenderer which allows more flexibility to specify number of rows and columns in the legend.
</p><p>Data is specified per bar in the chart.
You can specify data as an array of y values, or as an array of [label, value] pairs.
Note that labels are used only on the first series.
Labels on subsequent series are ignored:
</p><blockquote><pre>bar1 = [['shirts',
8],['hats',
14],['shoes',
6],['gloves',
16],['dolls',
12]];
16 bar3 = [['grumpy',
4],['sneezy',
2],['happy',
7],['sleepy',
9],['doc',
7]];
</pre></blockquote><p>If you want to place labels for each bar under the axis, you use the barLabels option on the axes.
The bar labels can be styled with the
“.jqplot-mekko-barLabel
” css class.
</p><blockquote><pre>barLabels = ['Mickey Mouse', 'Donald Duck', 'Goofy'];
17 axes:{xaxis:{barLabels:barLabels}}
</pre></blockquote><!--START_ND_SUMMARY--><div class=Summary
><div class=STitle
>Summary
</div><div class=SBorder
><table border=
0 cellspacing=
0 cellpadding=
0 class=STable
><tr class=
"SMain"><td class=SEntry
><a href=
"#$.jqplot.MekkoRenderer" >$.jqplot.
<wbr>MekkoRenderer
</a></td><td class=SDescription
>Draws a Mekko style chart which shows
3 dimensional data on a
2 dimensional graph.
</td></tr><tr class=
"SGroup SIndent1"><td class=SEntry
><a href=
"#$.jqplot.MekkoRenderer.Properties" >Properties
</a></td><td class=SDescription
></td></tr><tr class=
"SProperty SIndent2 SMarked"><td class=SEntry
><a href=
"#$.jqplot.MekkoRenderer.borderColor" id=link1
onMouseOver=
"ShowTip(event, 'tt1', 'link1')" onMouseOut=
"HideTip('tt1')">borderColor
</a></td><td class=SDescription
>color of the borders between areas on the chart
</td></tr><tr class=
"SProperty SIndent2"><td class=SEntry
><a href=
"#$.jqplot.MekkoRenderer.showBorders" id=link2
onMouseOver=
"ShowTip(event, 'tt2', 'link2')" onMouseOut=
"HideTip('tt2')">showBorders
</a></td><td class=SDescription
>True to draw borders lines between areas on the chart.
</td></tr><tr class=
"SGroup SIndent1"><td class=SEntry
><a href=
"#$.jqplot.MekkoRenderer.Functions" >Functions
</a></td><td class=SDescription
></td></tr><tr class=
"SFunction SIndent2 SMarked"><td class=SEntry
><a href=
"#$.jqplot.MekkoRenderer.setGridData" id=link3
onMouseOver=
"ShowTip(event, 'tt3', 'link3')" onMouseOut=
"HideTip('tt3')">setGridData
</a></td><td class=SDescription
>converts the user data values to grid coordinates and stores them in the gridData array.
</td></tr><tr class=
"SFunction SIndent2"><td class=SEntry
><a href=
"#$.jqplot.MekkoRenderer.makeGridData" id=link4
onMouseOver=
"ShowTip(event, 'tt4', 'link4')" onMouseOut=
"HideTip('tt4')">makeGridData
</a></td><td class=SDescription
>converts any arbitrary data values to grid coordinates and returns them.
</td></tr><tr class=
"SClass"><td class=SEntry
><a href=
"#$.jqplot.MekkoLegendRenderer" >$.jqplot.
<wbr>MekkoLegendRenderer
</a></td><td class=SDescription
>Legend renderer used by mekko charts with options for controlling number or rows and columns as well as placement outside of plot area.
</td></tr><tr class=
"SGroup SIndent1"><td class=SEntry
><a href=
"#$.jqplot.MekkoLegendRenderer.Properties" >Properties
</a></td><td class=SDescription
></td></tr><tr class=
"SProperty SIndent2 SMarked"><td class=SEntry
><a href=
"#$.jqplot.MekkoLegendRenderer.numberRows" id=link5
onMouseOver=
"ShowTip(event, 'tt5', 'link5')" onMouseOut=
"HideTip('tt5')">numberRows
</a></td><td class=SDescription
>Maximum number of rows in the legend.
</td></tr><tr class=
"SProperty SIndent2"><td class=SEntry
><a href=
"#$.jqplot.MekkoLegendRenderer.numberColumns" id=link6
onMouseOver=
"ShowTip(event, 'tt6', 'link6')" onMouseOut=
"HideTip('tt6')">numberColumns
</a></td><td class=SDescription
>Maximum number of columns in the legend.
</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
19 <div class=
"CGroup"><div class=CTopic
><h3 class=CTitle
><a name=
"$.jqplot.MekkoRenderer.Properties"></a>Properties
</h3></div></div>
21 <div class=
"CProperty"><div class=CTopic
><h3 class=CTitle
><a name=
"$.jqplot.MekkoRenderer.borderColor"></a>borderColor
</h3><div class=CBody
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td>this.borderColor = null
</td></tr></table></blockquote><p>color of the borders between areas on the chart
</p></div></div></div>
23 <div class=
"CProperty"><div class=CTopic
><h3 class=CTitle
><a name=
"$.jqplot.MekkoRenderer.showBorders"></a>showBorders
</h3><div class=CBody
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td>this.showBorders = true
</td></tr></table></blockquote><p>True to draw borders lines between areas on the chart.
False will draw borders lines with the same color as the area.
</p></div></div></div>
25 <div class=
"CGroup"><div class=CTopic
><h3 class=CTitle
><a name=
"$.jqplot.MekkoRenderer.Functions"></a>Functions
</h3></div></div>
27 <div class=
"CFunction"><div class=CTopic
><h3 class=CTitle
><a name=
"$.jqplot.MekkoRenderer.setGridData"></a>setGridData
</h3><div class=CBody
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td><table border=
0 cellspacing=
0 cellpadding=
0><tr><td class=PBeforeParameters nowrap
>$.jqplot.MekkoRenderer.prototype.setGridData = function(
</td><td class=PParameter nowrap
>plot
</td><td class=PAfterParameters nowrap
>)
</td></tr></table></td></tr></table></blockquote><p>converts the user data values to grid coordinates and stores them in the gridData array.
Will convert user data into appropriate rectangles.
Called with scope of a series.
</p></div></div></div>
29 <div class=
"CFunction"><div class=CTopic
><h3 class=CTitle
><a name=
"$.jqplot.MekkoRenderer.makeGridData"></a>makeGridData
</h3><div class=CBody
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td><table border=
0 cellspacing=
0 cellpadding=
0><tr><td class=PBeforeParameters nowrap
>$.jqplot.MekkoRenderer.prototype.makeGridData = function(
</td><td class=PParameter nowrap
>data,
</td></tr><tr><td></td><td class=PParameter nowrap
>plot
</td><td class=PAfterParameters nowrap
>)
</td></tr></table></td></tr></table></blockquote><p>converts any arbitrary data values to grid coordinates and returns them.
This method exists so that plugins can use a series
’ linerenderer to generate grid data points without overwriting the grid data associated with that series.
Called with scope of a series.
</p></div></div></div>
31 <div class=
"CClass"><div class=CTopic
><h2 class=CTitle
><a name=
"$.jqplot.MekkoLegendRenderer"></a>$.jqplot.
<wbr>MekkoLegendRenderer
</h2><div class=CBody
><p>Legend renderer used by mekko charts with options for controlling number or rows and columns as well as placement outside of plot area.
</p><!--START_ND_SUMMARY--><div class=Summary
><div class=STitle
>Summary
</div><div class=SBorder
><table border=
0 cellspacing=
0 cellpadding=
0 class=STable
><tr class=
"SGroup"><td class=SEntry
><a href=
"#$.jqplot.MekkoLegendRenderer.Properties" >Properties
</a></td><td class=SDescription
></td></tr><tr class=
"SProperty SIndent1 SMarked"><td class=SEntry
><a href=
"#$.jqplot.MekkoLegendRenderer.numberRows" id=link8
onMouseOver=
"ShowTip(event, 'tt5', 'link8')" onMouseOut=
"HideTip('tt5')">numberRows
</a></td><td class=SDescription
>Maximum number of rows in the legend.
</td></tr><tr class=
"SProperty SIndent1"><td class=SEntry
><a href=
"#$.jqplot.MekkoLegendRenderer.numberColumns" id=link9
onMouseOver=
"ShowTip(event, 'tt6', 'link9')" onMouseOut=
"HideTip('tt6')">numberColumns
</a></td><td class=SDescription
>Maximum number of columns in the legend.
</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
33 <div class=
"CGroup"><div class=CTopic
><h3 class=CTitle
><a name=
"$.jqplot.MekkoLegendRenderer.Properties"></a>Properties
</h3></div></div>
35 <div class=
"CProperty"><div class=CTopic
><h3 class=CTitle
><a name=
"$.jqplot.MekkoLegendRenderer.numberRows"></a>numberRows
</h3><div class=CBody
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td>this.numberRows = null
</td></tr></table></blockquote><p>Maximum number of rows in the legend.
0 or null for unlimited.
</p></div></div></div>
37 <div class=
"CProperty"><div class=CTopic
><h3 class=CTitle
><a name=
"$.jqplot.MekkoLegendRenderer.numberColumns"></a>numberColumns
</h3><div class=CBody
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td>this.numberColumns = null
</td></tr></table></blockquote><p>Maximum number of columns in the legend.
0 or null for unlimited.
</p></div></div></div>
42 <div id=Footer
>Copyright
© 2009 -
2010 Chris Leonello
· Updated October
7th,
2012 · <a href=
"http://www.naturaldocs.org">Generated by Natural Docs
</a></div><!--Footer-->
45 <div id=Menu
><div class=MEntry
><div class=MGroup
><a href=
"javascript:ToggleMenu('MGroupContent1')">Usage and Options
</a><div class=MGroupContent id=MGroupContent1
><div class=MEntry
><div class=MFile
><a href=
"../usage-txt.html">Usage
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqPlotOptions-txt.html">jqPlot Options
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../optionsTutorial-txt.html">Options Tutorial
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqPlotCssStyling-txt.html">jqPlot CSS Customization
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../changes-txt.html">Change Log
</a></div></div><div class=MEntry
><div class=MLink
><a href=
"../../tests/">Examples
</a></div></div></div></div></div><div class=MEntry
><div class=MGroup
><a href=
"javascript:ToggleMenu('MGroupContent4')">API Documentation
</a><div class=MGroupContent id=MGroupContent4
><div class=MEntry
><div class=MFile
><a href=
"../jqplot-core-js.html">jqPlot Charts
</a></div></div><div class=MEntry
><div class=MGroup
><a href=
"javascript:ToggleMenu('MGroupContent2')">Core Renderers
</a><div class=MGroupContent id=MGroupContent2
><div class=MEntry
><div class=MFile
><a href=
"../jqplot-axisTickRenderer-js.html">Axis Tick Renderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqplot-canvasGridRenderer-js.html">Canvas Grid Renderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqplot-divTitleRenderer-js.html">Div Title Renderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqplot-linearAxisRenderer-js.html">Linear Axis Renderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqplot-markerRenderer-js.html">Marker Renderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqplot-shapeRenderer-js.html">Shape Renderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqplot-shadowRenderer-js.html">Shadow Renderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqplot-lineRenderer-js.html">Line Renderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqplot-axisLabelRenderer-js.html">Axis Label Renderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqplot-themeEngine-js.html">Theme Engine
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../jqplot-toImage-js.html">fn
</a></div></div></div></div></div><div class=MEntry
><div class=MGroup
><a href=
"javascript:ToggleMenu('MGroupContent3')">Plugins
</a><div class=MGroupContent id=MGroupContent3
><div class=MEntry
><div class=MFile
><a href=
"jqplot-barRenderer-js.html">jqplot.
<wbr>BarRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-BezierCurveRenderer-js.html">jqplot.
<wbr>BezierCurveRenderer.js
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-blockRenderer-js.html">jqplot.
<wbr>BlockRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-bubbleRenderer-js.html">jqplot.
<wbr>BubbleRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-canvasAxisLabelRenderer-js.html">jqplot.
<wbr>CanvasAxisLabelRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-canvasAxisTickRenderer-js.html">jqplot.
<wbr>CanvasAxisTickRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-pyramidGridRenderer-js.html">jqplot.
<wbr>CanvasGridRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-canvasOverlay-js.html">jqplot.
<wbr>CanvasOverlay
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-categoryAxisRenderer-js.html">jqplot.
<wbr>CategoryAxisRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-ciParser-js.html">jqplot.
<wbr>ciParser
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-cursor-js.html">jqplot.
<wbr>Cursor
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-dateAxisRenderer-js.html">jqplot.
<wbr>DateAxisRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-donutRenderer-js.html">jqplot.
<wbr>DonutRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-dragable-js.html">jqplot.
<wbr>Dragable
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-enhancedLegendRenderer-js.html">jqplot.
<wbr>enhancedLegendRenderer.js
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-funnelRenderer-js.html">jqplot.
<wbr>FunnelRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-highlighter-js.html">jqplot.
<wbr>Highlighter
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-logAxisRenderer-js.html">jqplot.
<wbr>LogAxisRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-mekkoAxisRenderer-js.html">jqplot.
<wbr>MekkoAxisRenderer
</a></div></div><div class=MEntry
><div class=MFile id=MSelected
>jqplot.
<wbr>MekkoRenderer
</div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-meterGaugeRenderer-js.html">jqplot.
<wbr>MeterGaugeRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-ohlcRenderer-js.html">jqplot.
<wbr>OHLCRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-pieRenderer-js.html">jqplot.
<wbr>PieRenderer
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-pointLabels-js.html">jqplot.
<wbr>PointLabels
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-pyramidAxisRenderer-js.html">jqplot.
<wbr>pyramidAxisRenderer.js
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-pyramidRenderer-js.html">jqplot.
<wbr>pyramidRenderer.js
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"jqplot-trendline-js.html">jqplot.
<wbr>Trendline
</a></div></div></div></div></div></div></div></div><div class=MEntry
><div class=MFile
><a href=
"../gpl-2-0-txt.html">GPL License
</a></div></div><div class=MEntry
><div class=MFile
><a href=
"../MIT-LICENSE-txt.html">MIT License
</a></div></div><div class=MEntry
><div class=MGroup
><a href=
"javascript:ToggleMenu('MGroupContent5')">Index
</a><div class=MGroupContent id=MGroupContent5
><div class=MEntry
><div class=MIndex
><a href=
"../../index/General.html">Everything
</a></div></div><div class=MEntry
><div class=MIndex
><a href=
"../../index/Classes.html">Classes
</a></div></div><div class=MEntry
><div class=MIndex
><a href=
"../../index/Properties.html">Properties
</a></div></div><div class=MEntry
><div class=MIndex
><a href=
"../../index/Functions.html">Functions
</a></div></div><div class=MEntry
><div class=MIndex
><a href=
"../../index/Hooks.html">Hooks
</a></div></div><div class=MEntry
><div class=MIndex
><a href=
"../../index/Files.html">Files
</a></div></div></div></div></div><script type=
"text/javascript"><!--
46 var searchPanel
= new SearchPanel("searchPanel", "HTML", "../../search");
47 --></script><div id=MSearchPanel class=MSearchPanelInactive
><input type=text id=MSearchField value=Search
onFocus=
"searchPanel.OnSearchFieldFocus(true)" onBlur=
"searchPanel.OnSearchFieldFocus(false)" onKeyUp=
"searchPanel.OnSearchFieldChange()"><select id=MSearchType
onFocus=
"searchPanel.OnSearchTypeFocus(true)" onBlur=
"searchPanel.OnSearchTypeFocus(false)" onChange=
"searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected
value=
"General">Everything
</option><option value=
"Classes">Classes
</option><option value=
"Files">Files
</option><option value=
"Functions">Functions
</option><option value=
"Hooks">Hooks
</option><option value=
"Properties">Properties
</option></select></div><script language=JavaScript
><!--
48 HideAllBut([3, 4], 6);// --></script></div><!--Menu-->
52 <!--START_ND_TOOLTIPS-->
53 <div class=CToolTip
id=
"tt1"><div class=CProperty
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td>this.borderColor = null
</td></tr></table></blockquote>color of the borders between areas on the chart
</div></div><div class=CToolTip
id=
"tt2"><div class=CProperty
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td>this.showBorders = true
</td></tr></table></blockquote>True to draw borders lines between areas on the chart.
</div></div><div class=CToolTip
id=
"tt3"><div class=CFunction
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td><table border=
0 cellspacing=
0 cellpadding=
0><tr><td class=PBeforeParameters nowrap
>$.jqplot.MekkoRenderer.prototype.setGridData = function(
</td><td class=PParameter nowrap
>plot
</td><td class=PAfterParameters nowrap
>)
</td></tr></table></td></tr></table></blockquote>converts the user data values to grid coordinates and stores them in the gridData array.
</div></div><div class=CToolTip
id=
"tt4"><div class=CFunction
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td><table border=
0 cellspacing=
0 cellpadding=
0><tr><td class=PBeforeParameters nowrap
>$.jqplot.MekkoRenderer.prototype.makeGridData = function(
</td><td class=PParameter nowrap
>data,
</td></tr><tr><td></td><td class=PParameter nowrap
>plot
</td><td class=PAfterParameters nowrap
>)
</td></tr></table></td></tr></table></blockquote>converts any arbitrary data values to grid coordinates and returns them.
</div></div><div class=CToolTip
id=
"tt5"><div class=CProperty
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td>this.numberRows = null
</td></tr></table></blockquote>Maximum number of rows in the legend.
</div></div><div class=CToolTip
id=
"tt6"><div class=CProperty
><blockquote><table border=
0 cellspacing=
0 cellpadding=
0 class=Prototype
><tr><td>this.numberColumns = null
</td></tr></table></blockquote>Maximum number of columns in the legend.
</div></div><div class=CToolTip
id=
"tt7"><div class=CClass
>An axis renderer for a Mekko chart.
</div></div><!--END_ND_TOOLTIPS-->
58 <div id=MSearchResultsWindow
><iframe src=
"" frameborder=
0 name=MSearchResults id=MSearchResults
></iframe><a href=
"javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose
>Close
</a></div>
61 <script language=JavaScript
><!--
62 if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>