diff options
| -rw-r--r-- | docs/examples/index.html | 122 |
1 files changed, 59 insertions, 63 deletions
diff --git a/docs/examples/index.html b/docs/examples/index.html index c5edc18..820070e 100644 --- a/docs/examples/index.html +++ b/docs/examples/index.html @@ -1,28 +1,26 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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" /> + <head> + <meta http-equiv="content-type" content="text/html;charset=utf-8" /> - <title>Jarmon - customisable, Javascript generated charts from + <title>Jarmon - customisable, Javascript generated charts from Collectd RRD data</title> - <link rel="stylesheet" type="text/css" - href="assets/css/style.css" /> - <link rel="stylesheet" type="text/css" - href="assets/css/tabs-no-images.css" /> - <link rel="stylesheet" type="text/css" - href="assets/css/jquerytools.dateinput.skin1.css" /> + <link rel="stylesheet" type="text/css" href="assets/css/style.css" /> + <link rel="stylesheet" type="text/css" + href="assets/css/tabs-no-images.css" /> + <link rel="stylesheet" type="text/css" + href="assets/css/jquerytools.dateinput.skin1.css" /> - <script type="text/javascript" - src="assets/js/dependencies.js"></script> - <script type="text/javascript" - src="../../jarmon/jarmon.js"></script> - <script type="text/javascript" - src="jarmon_example_recipes.js"></script> - <script type="text/javascript"> + <script type="text/javascript" src="assets/js/dependencies.js"></script> + <script type="text/javascript" src="assets/js/jsrrdgraph.js"></script> + <script type="text/javascript" src="../../jarmon/jarmon.js"></script> + <script type="text/javascript" src="jarmon_example_recipes.js"></script> + <script type="text/javascript"> $(function() { + //return; jarmon.buildTabbedChartUi( $('.chart-container').remove(), jarmon.CHART_RECIPES_COLLECTD, @@ -31,52 +29,50 @@ $('.chartRangeControl') ); }); - </script> - </head> + </script> + </head> - <body> - <div class="chartRangeControl"> - <form> - <div> - <span class="timerange_control custom"> - <img src="assets/icons/calendar.png" - width="16" height="16" - alt="calendar" class="from_custom" - title="Click to choose a custom start date" /> - <input name="from_custom" type="text" - readonly="readonly" - title="Time range start" /> - <img src="assets/icons/calendar.png" - width="16" height="16" - alt="calendar" class="to_custom" - title="Click to choose a custom end date" /> - <input name="to_custom" type="text" readonly="readonly" - title="Time range end" /> - </span> - <span class="timerange_control standard"> - <select name="from_standard" - title="Time range shortcuts - click to select an alternative time range" > - </select> - </span> - <input name="from" type="hidden" /> - <input name="to" type="hidden" /> - <select name="tzoffset" - title="Timezone offset - click to choose a custom timezone offset" ></select> - <input name="action" value="Update" type="button" - title="Graph update - click to update all graphs" /> - </div> - <div class="range-preview" - title="Time range preview - click and drag to select a custom timerange" ></div> - </form> + <body> + <div class="chartRangeControl"> + <form> + <div> + <span class="timerange_control custom"> + <img src="assets/icons/calendar.png" + width="16" height="16" + alt="calendar" class="from_custom" + title="Click to choose a custom start date" /> + <input name="from_custom" type="text" readonly="readonly" + title="Time range start" /> + <img src="assets/icons/calendar.png" width="16" height="16" + alt="calendar" class="to_custom" + title="Click to choose a custom end date" /> + <input name="to_custom" type="text" readonly="readonly" + title="Time range end" /> + </span> + <span class="timerange_control standard"> + <select name="from_standard" + title="Time range shortcuts - click to select an alternative time range" > + </select> + </span> + <input name="from" type="hidden" /> + <input name="to" type="hidden" /> + <select name="tzoffset" + title="Timezone offset - click to choose a custom timezone offset" ></select> + <input name="action" value="Update" type="button" + title="Graph update - click to update all graphs" /> </div> - <div class="tabbed-chart-interface"></div> - <div class="chart-container"> - <div class="chart-header"> - <h2 class="title"></h2> - </div> - <div class="error"></div> - <div class="chart"></div> - <div class="graph-legend"></div> - </div> - </body> + <div class="range-preview" + title="Time range preview - click and drag to select a custom timerange" ></div> + </form> + </div> + <div class="tabbed-chart-interface"></div> + <div class="chart-container"> + <div class="chart-header"> + <h2 class="title"></h2> + </div> + <div class="error"></div> + <div class="chart"></div> + <div class="graph-legend"></div> + </div> + </body> </html> |