US Tides Component and Module

US Tides Component and Module

Module v3.3.0 8th August 2014

Component and Module v2.5.0 2nd January 2011

 


8th August 2014 Module updated to work with Joomla 3
New version 3.3.0 includes various minor improvements

Low waterThe parameters for the module allow selection of location using NOAA port number, text to appear before and after the table, whether to show today only or both today and tomorrow's tide times and whether to show just high water or both high and low water times.

You can also choose whether the time is GMT (UCT), local solar time, or daylight saving adjusted local time, and whether heights should be shown in metres or feet.

A default stylesheet is installed in the media folder and is referenced by a style prefix (default = 'modustides_') specified in the parameters. This can either be edited directly (it is in [siteHome]/media/mod_ustides/css/mod_ustides.css ) or overridden in the normal way.

The following classes are used with the prefix: table, td, oddrow, evenrow, pretext, date, posttext, footer.

This is the display code to show how the styling works with the default class prefix:

<div class="modustides_">
    <div class="modustides_pretext">Text before table
        <div class="modustides_date ">Sun 10 Aug</div>
    </div>
    <div style="width:150px; margin-left:auto; margin-right:auto; ">
        <table style="width:150px;">
            <tr class="oddrow">
                <td>HW</td><td>05:00</td><td>5.42m</td>
            </tr>
            <tr class="evenrow">
                <td>LW</td><td>11:19</td><td>0.81m</td>
            </tr>
            <tr class="oddrow">
                <td>HW</td><td><b>17:22</b></td><td>5.76m</td>
            </tr>
        </table>
    </div>
    <div class="modustides_posttext">Text after table</div>
    <div class="modustides_footer">Footer text</div>
</div>

This is the default stylesheet as supplied:

.modustides_ { background: #e0e0f0; color: #ffffff; padding: 5px; }
.modustides_date { margin-left:auto; margin-right:auto; padding: 2px 5px 2px 5px;
    background: #a0a0a0; font-weight:bold; width:80px; }
.modustides_tablediv { margin-left:auto; margin-right:auto; }
.modustides_ table { width:120px; background: #ffffff; color: #400000; }
.modustides_ td { padding:2px 4px 2px 4px; }
.modustides_ .oddrow { background: #f0f0ff; }
.modustides_ .evenrow { background: #d0d0e0; }
.modustides_pretext { padding: 2px 5px 2px 5px; background: #9090a0; }
.modustides_posttext { padding: 2px 5px 2px 5px; background: #606070; color: #f0f0ff; font-size: 0.9em; }
.modustides_footer { font-size:0.75em; color: #303030; text-align:center; line-height: 1em; padding-top: 4px;}

You can see a Joomla 3 example here


 

US Tides 2.5 is a simple component and module to display the times of high and/or low water for a port in the USA. Tide times and heights are taken from the NOAA website. A large number of tidal stations are listed covering the East & West Coasts, theCarribean and the Great Lakes.

The module simply displays tide times for today and optionally tomorrow in a table.

The component can display the tide table for a week or a month from today's date.

Optional text and date can be displayed above and below the times. Either high, or low, or both high and low water times can be shown.

v2.5.x works ok with Joomla 2.5

Data is taken from the NOAA page for your port - and if this is unavailable then an error message will display. A link to NOAA is provided at the bottom of the module and component - please do not remove this.

Times can be displayed in either GMT, local solar time, or local clock time. Heights can be shown in either meters or feet.

.