WFO Honolulu Widgets

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

To view the watches, warnings and advisories for Kauai County
To display this

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

To view the watches, warnings and advisories for Oahu
To display this

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

To view the watches, warnings and advisories for Maui County
To display this

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

To view the watches, warnings and advisories for the Big Island
To display this

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

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 the Hawaii Area Synopsis.
To display this

Copy this code into your webpage:
<iframe name="synopsis" style="border: 0; frameborder: 0;" width="325" height="300" scrolling="auto" src="http://www.weather.gov/hawaii/widgets/AFDsynopsis.php"></iframe>

To view climatic information for Kauai.
To display this

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

To view climatic information for Oahu.
To display this

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

To view climatic information for Maui.
To display this

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

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

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

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>

To view astronomical information for Kauai.
To display this

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

To view astronomical information for Oahu.
To display this

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

To view astronomical information for Maui.
To display this

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

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

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