WFO Honolulu Widgets

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

surf Widgets

To view the Surf Forecast for Oahu
To display this

Copy this code into your webpage:
<iframe name="SRFOahu" style="border: 0; frameborder: 0;" width="250" height="359" scrolling="no" src="http://www.weather.gov/hawaii/widgets/SRFwidget.php"></iframe>


To view the Collaborative Surf Table for Oahu.
To display this

Copy this code into your webpage:
<iframe name="SRFtable" style="border: 0; frameborder: 0;" width="575" height="650" scrolling="no" src="http://www.weather.gov/hawaii/widgets/SRFtable.php"></iframe>


To view the Kauai Surf Observations.
To display this

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


To view the Oahu Surf Observations.
To display this

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


To view the Maui Surf Observations.
To display this

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


To view the Big Island Surf Observations.
To display this

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


To view Buoy Observations.
To display this

Copy this code into your webpage:
<iframe name="buoys" style="border: 0; frameborder: 0;" width="650" height="475" scrolling="no" src="http://www.weather.gov/hawaii/widgets/Buoys.php"></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>