WFO Honolulu Widgets

All Widgets
Hawaii Kahoolawe Kauai Lanai Maui Molokai Oahu 
climate forecast marine surf tides warnings 

tides Widgets

To view tidal information for Kauai.
To display this

Copy this code into your webpage:
<iframe name="tidesKauai" style="border: 0; frameborder: 0;" width="325" height="200" scrolling="auto" src="http://www.weather.gov/hawaii/widgets/tides.php?area=Kauai"></iframe>

To view tidal information for Oahu.
To display this

Copy this code into your webpage:
<iframe name="tidesOahu" style="border: 0; frameborder: 0;" width="325" height="200" scrolling="auto" src="http://www.weather.gov/hawaii/widgets/tides.php?area=Oahu"></iframe>

To view tidal information for Maui.
To display this

Copy this code into your webpage:
<iframe name="tidesMaui" style="border: 0; frameborder: 0;" width="325" height="350" scrolling="auto" src="http://www.weather.gov/hawaii/widgets/tides.php?area=Maui"></iframe>

To view tidal information for the Big Island.
To display this

Copy this code into your webpage:
<iframe name="tidesBig Island" style="border: 0; frameborder: 0;" width="400" height="350" scrolling="auto" src="http://www.weather.gov/hawaii/widgets/tides.php?area=Big Island"></iframe>

To view upcoming tidal information for Nawiliwili.
To display this

Copy this code into your webpage:
<iframe name="tidesNawiliwili" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="http://www.weather.gov/hawaii/pages/tides/index.php?location=Nawiliwili"></iframe>

To view upcoming tidal information for Port Allen.
To display this

Copy this code into your webpage:
<iframe name="tidesPortAllen" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="http://www.weather.gov/hawaii/pages/tides/index.php?location=Port Allen"></iframe>

To view upcoming tidal information for Honolulu.
To display this

Copy this code into your webpage:
<iframe name="tidesHonolulu" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="http://www.weather.gov/hawaii/pages/tides/index.php?location=Honolulu"></iframe>

To view upcoming tidal information for Haleiwa.
To display this

Copy this code into your webpage:
<iframe name="tidesHaleiwa" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="http://www.weather.gov/hawaii/pages/tides/index.php?location=Haleiwa"></iframe>

To view upcoming tidal information for Kahului.
To display this

Copy this code into your webpage:
<iframe name="tidesKahului" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="http://www.weather.gov/hawaii/pages/tides/index.php?location=Kahului"></iframe>

To view upcoming tidal information for Kihei.
To display this

Copy this code into your webpage:
<iframe name="tidesKihei" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="http://www.weather.gov/hawaii/pages/tides/index.php?location=Kihei"></iframe>

To view upcoming tidal information for Hilo.
To display this

Copy this code into your webpage:
<iframe name="tidesHilo" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="http://www.weather.gov/hawaii/pages/tides/index.php?location=Hilo"></iframe>

To view upcoming tidal information for Kona.
To display this

Copy this code into your webpage:
<iframe name="tidesKona" style="border: 0; frameborder: 0;" width="350" height="400" scrolling="auto" src="http://www.weather.gov/hawaii/pages/tides/index.php?location=Kona"></iframe>