Tide Tables for 709 UK Locations
Popular Locations
Resources
The Site
256-Bit SSLSecure Browsing
|
Tide Times on your Website
If you own a website, you can show today's tide times using a simple JavaScript widget.
The widget has the following features:
- Always up to date - nothing for you to maintain.
- Cross-browser compatible.
- Easy to install - just one line of code.
Instructions
Showing a Tide Times widget on your website is as easy as 1-2-3!
- Select the desired location from the list below.
- Copy the web code from the bottom box into your website document.
- Upload and enjoy!
Customisation
You can customise your widget's appearance by setting some JavaScript variables before the include:
Variable |
|
Default |
|
Description |
tt_width |
|
158px |
|
Width of the widget in pixels |
tt_height |
|
218px |
|
Height of the widget in pixels |
tt_corner |
|
4px |
|
Outer corner radius in pixels |
tt_border |
|
1px solid #888888 |
|
Widget border style |
tt_bgnd |
|
#dddddd |
|
Background colour, image etc |
tt_fgcol |
|
#333333 |
|
Title/Date colour |
tt_font_h2 |
|
bold 14px sans-serif |
|
Font for widget location title |
tt_font_h3 |
|
bold 12px sans-serif |
|
Font for date line |
tt_font |
|
normal 12px arial,sans-serif |
|
Font for 'Tide' and 'Height' columns |
tt_font2 |
|
bold 14px arial,sans-serif |
|
Font for 'Time' column |
All variables should be strings and should match the above. You can use most CSS options to replace the defaults. Customisation Example
To display the widget for Grimsby 200 pixels wide with a thick red border and white background, you might use the following:
<script type="text/javascript">
var tt_border = '4px solid #cc0000';
var tt_bgnd = '#ffffff';
var tt_width = '200px';
</script>
<script src="https://www.tidetimes.org.uk/grimsby-tide-times.js" type="text/javascript"></script>
Example Widget
Here's what the default widget should look like before customisation:
|
©2009-2019 Dick Dolby, all rights reserved. No part of this website may be reproduced without permission.
This web-site has been derived in part from material obtained from the UK Hydrographic Office with the permission of the UK Hydrographic Office and Her Majesty's Stationary Office
NOTICE: The UK Hydrographic Office (UKHO) and its licensors make no warranties or representations, express or implied, with respect to this product.
The UKHO and its licensors have not verified the information within this product or quality assured it.
©British Crown Copyright, 2019