5,838
edits
AnnualDataSummary: Difference between revisions
m
→Understanding the Basics
|
# either readDayfile.js (the JavaScript) or readDayfile.php (the PHP version of the script).
Please note that the table needs a good amount of space to show a full year of data (at least 900 pixels unless you start reducing the font size!)▼
In addition you need a carrier page to show the data. You can either use the page provided in the zip (datasummary.html or datasummary.php), or create your own page including:
* for both JS and PHP versions you need the script library and styling:
: In the <head> section.....
<pre><link rel="stylesheet" type="text/css" media="screen" href="datasummary.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/
: This loads the stylesheet; loads a jQuery library from Google servers rather than having the file on your server, (note later versions of jQuery are not supported by old versions of Internet Explorer, use the older '1.5' used by DAJ instead of '2.1' if you want to); ▼
▲: This loads the stylesheet; loads a jQuery library from Google servers rather than having the file on your server, (note
▲Please note that the table needs a good amount of space to show a full year of data (at least 900 pixels unless you start reducing the font size!)
Next you must load the
*'''for the JS version'''
: In the <body> section, where you want the table to appear
<pre><
<noscript>Your browser has not enabled the JavaScript necessary to display the table here<noscript>
</
<script src="readDayfile.js" type="text/javascript"></script></pre> ▼
: In the <body> section, near the end, call the script:
: Once the page is loaded it runs readDayfile.js and will look for your HTML element with an id attribute called 'tableData' already existing; then inserting the data table within it. You can change the DIV (or HTML5 alternative blocking elements) it inserts into (see above).▼
▲<pre><script src="readDayfile.js" type="text/javascript"></script></pre>
▲: Once the page is loaded it runs readDayfile.js,
Other code can be inserted inbetween such as anchor links to your other pages.
*'''for the PHP version'''
: In the <body> section, use the code <pre><?php include('readDayfile.php');?></pre> to include the script that creates all the HTML elements required
== Localization / Language ==
| |||