Home | World Weather Information Service

<!DOCTYPE html> <html lang="en" dir="ltr" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xmlns:owl="http://www.w3.org/2002/07/owl#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rss="http://purl.org/rss/1.0/" xmlns:site="http://public.wmo.int/en/ns#" xmlns:fb="http://ogp.me/ns/fb#" xmlns:article="http://ogp.me/ns/article#" xmlns:book="http://ogp.me/ns/book#" xmlns:profile="http://ogp.me/ns/profile#" xmlns:video="http://ogp.me/ns/video#" xmlns:product="http://ogp.me/ns/product#"> <head profile="http://www.w3.org/1999/xhtml/vocab"> <title>Home | World Weather Information Service</title>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=Edge, IE=11, IE=10"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="identifier-url" content="https://worldweather.wmo.int" /> <meta name="title" content="World Weather Information Service | WMO" /> <meta name="description" content="This global web site presents OFFICIAL weather forecasts and climatological information for selected cities supplied by National Meteorological & Hydrological Services worldwide." /> <meta name="abstract" content="All" /> <meta name="keywords" content="WMO, WWIS, World Weather Information Service, global official forecasts, world weather forecasts, climatological information, present weather, sunrise, sunset" /> <meta name="author" content="WMO" /> <meta name="language" content="EN" /> <meta name="copyright" content="© 2018 WMO" /> <meta name="robots" content="All" /> <meta name="no-email-collection" content="https://www.unspam.com/noemailcollection/" /> <meta name="reply-to" content="webmaster@wmo.int" /> <meta property="og:site_name" content="World Weather Information Service" /> <meta property="og:type" content="website" /> <meta property="og:title" content="World Weather Information Service" /> <meta property="og:description" content="This global web site presents OFFICIAL weather forecasts and climatological information for selected cities supplied by National Meteorological & Hydrological Services worldwide" /> <meta property="og:image" content="http://worldweather.wmo.int/images/wmo-share-logo.png" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="World Weather Information Service" /> <meta name='topic' content='scientific' /> <meta name='coverage' content='Worldwide' /> <meta name='distribution' content='Global' /> <meta name='rating' content='General' /> <meta name='revisit-after' content='1 day' /> <meta name='HandheldFriendly' content='True' /> <meta http-equiv='imagetoolbar' content='no' /> <meta http-equiv='x-dns-prefetch-control' content='off' /> <link rel='help' title='FAQ' href='/en/note.html'/> <link rel="SHORTCUT ICON" type="image/x-icon" href="../images/wmo.ico"/> <link rel="stylesheet" type="text/css" href="../styles/jquery-ui.min.css" /> <link rel="stylesheet" type="text/css" href="../styles/rwd.css" charset="utf-8"/> <style type="text/css"> #viewDiv { padding: 0; margin: 0; /*height: 100%; width: 100%;*/ height: 393px; width: 747px; } .esri-view-width-xlarge .esri-popup__main-container, .esri-popup__main-container { display:none !important; } .msgbox { border: 1px solid #767676; border-radius: 2px; padding: 2px 4px; color: #575757; font-size: 12px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f6fa 50%, #edeef5 52%, #e4e5f0 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f5f6fa 50%,#edeef5 52%,#e4e5f0 100%); background: linear-gradient(to bottom, #ffffff 0%,#f5f6fa 50%,#edeef5 52%,#e4e5f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e5f0',GradientType=0 ); -webkit-box-shadow: 4px 4px 3px -2px rgba(91, 91, 91,0.88); -moz-box-shadow: 4px 4px 3px -2px rgba(91, 91, 91,0.88); box-shadow: 4px 4px 3px -2px rgba(91, 91, 91,0.88); } .ecmwf { background-color: #e8f2fd; color: #2a425c; font-weight: bold; } .fc_weekday { font-weight: normal; } .fc_desc { width: 41%; } .div_ecmwf_logo { float: left; width: 12%; text-align: left; } .ecmwf_logo { width: 100%; background-size: contain; height: 7px; display: block; margin: 28px auto 0 auto; } .model_run_remark { color: #fff; padding: 2px 0px 6px 15px; font-size: 80%; text-align: right; } @media only screen and (min-width: 600px) { .div_ecmwf_logo { width: 100%; text-align: center; } .ecmwf_logo { margin: -6px 0px 0px 0px; } .fc_weekday { color: #FFFFFF; } } #wmo_twitter_item, #wmo_fb_item { display: none!important; } </style> <link rel="stylesheet" href="../scripts/arcgis/4.11/esri/themes/dark/main.css" /> <script type="text/javascript"> if (document.URL == "http://worldweather.wmo.int/en/home.html") { window.location.href = "https://worldweather.wmo.int/en/home.html"; } </script> <script type="text/javascript" src="../scripts/moment-with-locales.min.js"></script> <script type="text/javascript" src="../scripts/turf.min.js"></script> <script type="text/javascript" src="../scripts/jquery.min.js"></script> <script type="text/javascript" src="../scripts/jquery-ui.min.js"></script> <script src="../scripts/arcgis/4.11/init.js"></script> <script type="text/javascript" src="../scripts/wmo_arcgis_home.js"></script> <script type="text/javascript"> var w_w = window.innerWidth; var i = $(window).width(); var load_gis_count = 0; </script>  <script type="text/javascript" src="../scripts/common.js"></script> <script type="text/javascript"> var areaObj = {"home":"Home","region":"Region","regions":"Regions","myfav":"Personalize","wtnew":"What's New","abtus": "About"}; selector_list += ', .currwx_issuetime, .forecast_issuetime, .place_name, .weekday_n_date, .map_layer_control a, .map_legend_container td, .country_select, .cen span, .cen1 span, #page_num li a, .wmo_item_content_container, .highlightsDate, .highlightsDescriptionLink, .highlightsTDLink, .moreLink , .fc_date,.fc_weekday, .min_temp_box,.max_temp_icon, .place_list_area span, .wmo_block span,.wmo_block p, .m_wmo_block p, .m_wmo_block span, .present_weather_option'; var member_json_data = null, t = null; var set_max_item = 4, fav_item_w = 162, sb_margin_left = 2, ts_padding_left = 0, btn_lock = false; //var currentMyFavoritesList_sample = "c#184|c#1|c#193|c#760|c#24|c#156"; // var qsDataSource = [], default_search_text = "Please enter city / country / territory name", searchKey = "", searchValue = "", search_data = null; var pageLang = localLang = "en"; if (pageLang == 'zh') localLang = 'zh-cn'; if (pageLang == 'tc') localLang = 'zh-tw'; if (pageLang == 'kr') localLang = 'ko'; var cityObj1 = []; var gray_base_map = "Gray base map"; var cityObj = null; var MyLat = 0; var MyLng = 0; var base_layer = "The base layer"; var additional_layer = "Additional layers"; var wmotitle = ''; var present_json_data = null; var present_map_json_data = null; var list_data = null; var region_json_data = null; var forecastObjArr = new Array(); var wmo_on_fb = "WMO on Facebook"; var langDescJson = {"wxdesc": { "0101" : "Sandstorm", "0102" : "Duststorm", "0103" : "Sand", "0104" : "Dust", "0201" : "Thunderstorms", "0202" : "Thundershowers", "0203" : "Storm", "0204" : "Lightning", "0301" : "Hail", "0401" : "Blowing Snow", "0402" : "Blizzard", "0403" : "Snowdrift", "0404" : "Snowstorm", "0501" : "Snow Showers", "0502" : "Flurries", "0601" : "Snow", "0602" : "Heavy Snow", "0603" : "Snowfall", "0701" : "Light Snow", "0801" : "Sleet", "0901" : "Showers", "0902" : "Heavy Showers", "0903" : "Rainshower", "1001" : "Occasional Showers", "1002" : "Scattered Showers", "1101" : "Isolated Showers", "1201" : "Light Showers", "1301" : "Freezing Rain", "1401" : "Rain", "1501" : "Drizzle", "1502" : "Light Rain", "1601" : "Fog", "1701" : "Mist", "1801" : "Smoke", "1901" : "Haze", "2001" : "Overcast", "2101" : "Sunny Intervals", "2102" : "No Rain", "2103" : "Clearing", "2201" : "Sunny Periods", "2202" : "Partly Cloudy", "2203" : "Partly Bright", "2204" : "Mild", "2301" : "Cloudy", "2302" : "Mostly Cloudy", "2401" : "Bright", "2402" : "Sunny", "2403" : "Fair", "2501" : "Fine", "2502" : "Clear", "2601" : "Windy", "2602" : "Squall", "2603" : "Stormy", "2604" : "Gale", "2701" : "Wet", "2702" : "Humid", "2801" : "Dry", "2901" : "Freezing", "3001" : "Frost", "3101" : "Hot", "3201" : "Cold", "3202" : "Chilly", "3301" : "Warm", "3401" : "Cool", "3501" : "Volcanic Ash"}}; function load_twitter_data(){ window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); t._e = []; t.ready = function(f) { t._e.push(f); }; return t; }(document, "script", "twitter-wjs")); } function intro_full(){ var home_intro_content = "<p class='fs0'>This global website presents OFFICIAL weather observations, weather forecasts and climatological information for selected cities supplied by National Meteorological & Hydrological Services (NMHSs) worldwide."; home_intro_content += "The NMHSs make official weather observations in their respective countries. Links to their official weather service websites and tourism board/organization are also provided whenever available. Weather icons are shown alongside worded forecasts in this version to facilitate visual inspection.</p>"; home_intro_content += "<p class='fs0'>By August 2024, WWIS provided official weather information for 3465 cities in which 3314 cities are available with forecast from 139 Members while 2225 cities are available with climatological information from 171 Members. Suggestions to enrich the contents of this website are welcome."; $(".home_intro" ).replaceWith( '<div class="home_intro">' +home_intro_content+'<a href="#"><span class="intro_full" onclick="intro_less()"><img src="../images/arrow_up.png" class="less_icon" /></span></a></p></div>' ); } function intro_less(){ var home_intro_content = "<p class='fs0'>This global website presents OFFICIAL weather observations, weather forecasts and climatological information for selected cities supplied by National Meteorological & Hydrological Services (NMHSs) worldwide."; $(".home_intro" ).replaceWith( '<div class="home_intro">' +home_intro_content+'...(<a href="#"><span class="intro_full" onclick="intro_full()">More</span></a>)</div>' ); } function close_beta(){ $('.beta_box').css('display','none'); } function beta_box(type){ var close_btn = '<div class="close_beta" onclick="close_beta()">✖</div>'; var msg_sun = "The provision of the times of sunrise and sunset in this website is in beta version.<p>The times of sunrise and sunset are calculated using standard algorithm and are generally accurate to within a few minutes. The accuracy of times is also affected by the actual altitude and location of the observation.</p><p>Because times of sunrise and sunset are calculated in local time, there is a chance that future times may not be correct, as changes might be made to dates of Daylight Saving Time.</p>"; var msg_weather = "<p>The provision of the current weather information in this website is in beta version.</p>The current weather for cities displayed on this website are derived from weather reports measured at nearby weather stations. In using the current weather information, users should note that it may be different from actual weather conditions due to various factors, which include but not limited to, difference in topography and altitude of user’s locations and the weather station, and difference in user’s time and observation time of weather report. Users may refer to the latest weather reports which are available on the website of the National Meteorological and Hydrological Services."; $('.beta_box').css('display','block'); if(type == 1){ $('.beta_box').html(close_btn+msg_sun); } if(type == 2){ $('.beta_box').html(close_btn+msg_weather); } } function beta_msg(){ if(pageLang=='ar'){ $('.beta_msg').html('بيتا'); } if(pageLang=='en'){ $('.beta_msg').html('N.B.'); } if(pageLang=='tc'){ $('.beta_msg').html('測試'); } if(pageLang=='zh'){ $('.beta_msg').html('测试'); } if(pageLang=='fr'){ $('.beta_msg').html('Bêta / en test'); } if(pageLang=='de'){ $('.beta_msg').html('Beta-Version'); } if(pageLang=='it'){ $('.beta_msg').html('Beta'); } if(pageLang=='kr'){ $('.beta_msg').html('베타'); } if(pageLang=='pl'){ $('.beta_msg').html('wersja testowa'); } if(pageLang=='pt'){ $('.beta_msg').html('Beta'); } if(pageLang=='ru'){ $('.beta_msg').html('Примечание'); } if(pageLang=='es'){ $('.beta_msg').html('Beta'); } } function updateFavBar() { var w_w = window.innerWidth; var w_srlbar = ($(document).height() > $(window).height()) ? 17 : 0; fav_item_w = 162; sb_margin_left = 0; ts_padding_left = 0; if (w_w < 343) { set_max_item = 1; fav_item_w = 107; } else if (w_w < 389) { set_max_item = 2; fav_item_w = 107; } else if (w_w < 420) { set_max_item = 2; fav_item_w = 107; } else if (w_w < 460) { set_max_item = 2; fav_item_w = 107; } else if (w_w < 493) { set_max_item = 2; fav_item_w = 107; } else if (w_w < 580) { set_max_item = 3; fav_item_w = 107; } else if (w_w < 600) { set_max_item = 3; sb_margin_left = 50 - (630 - w_w); fav_item_w = 107; } else if (w_w < 630) { set_max_item = 1; sb_margin_left = 50 - (630 - w_w); } else if (w_w < 695) { set_max_item = 1; fav_item_w = 115; sb_margin_left = 68 - (695 - w_w); } else if (w_w < 725) { set_max_item = 1; fav_item_w = 148; sb_margin_left = 32 - (725 - w_w); } else if (w_w < 885) { set_max_item = 2; sb_margin_left = 132 - (885 - w_w); } else if (w_w <= 1030) {//1024 set_max_item = 3; sb_margin_left = 107 - (1024 - w_w); } else { set_max_item = 4; sb_margin_left = 2; } $('#fav_item_container li').css({'width': fav_item_w + 'px'}); $('#fav_item_container li a').css({'width': fav_item_w + 'px'}); //$('.fav_item_mask').css({'width': (set_max_item * fav_item_w)+'px'}); $('#search_box').css({'margin-left': sb_margin_left + 'px'}); $('#top_searchcontainer').css({'margin-left': ts_padding_left + 'px'}); var currentMyFavoritesList = getCookie('myFavorite_e') || ''; var myFavoritesList = currentMyFavoritesList.split('|'); if (set_max_item > myFavoritesList.length) { $('.fav_item_mask').css({'width': (myFavoritesList.length * fav_item_w) + 'px'}); } else { $('.fav_item_mask').css({'width': (set_max_item * fav_item_w) + 'px'}); } if (myFavoritesList.length > set_max_item) { if (pageLang == 'ar'){ //20170406 Sam $('#next_item_btn>span').css({'background-position': '-5px 0px'}); $('#prev_item_btn>span').css({'background-position': '-10px 0px'}); }else{ $('#next_item_btn>span').css({'background-position': '-15px 0px'}); } // $('.fav_city_fc_block_mask').css('width',$('.fav_city_fc_block').width()+ 'px'); } } function goPrevItem() { if (btn_lock) return; btn_lock = true; var currentMyFavoritesList = getCookie('myFavorite_e') || ''; var myFavoritesList = currentMyFavoritesList.split('|'); //var myFavoritesList = currentMyFavoritesList_sample.split('|'); var move_width; if(myFavoritesList.length / 4 > 0){ move_width = 4*fav_item_w; } if (myFavoritesList.length > set_max_item) { if (pageLang == 'ar'){ var curr_margin_right = parseInt($('#fav_item_container').css('margin-right')); if (curr_margin_right < 0) { $("#fav_item_container").animate({ //'margin-right': "+=" + fav_item_w 'margin-right': "+=" + move_width }, 240, function () { if (parseInt($('#fav_item_container').css('margin-right')) == 0) { $('#prev_item_btn>span').css({'background-position': '-15px 0px'}); } btn_lock = false; }); $('#next_item_btn>span').css({'background-position': '-5px 0px'}); } else { $('#prev_item_btn>span').css({'background-position': '-10px 0px'}); btn_lock = false; } }else{ var curr_margin_left = parseInt($('#fav_item_container').css('margin-left')); if (curr_margin_left < 0) { $("#fav_item_container").animate({ //'margin-left': "+=" + fav_item_w 'margin-left': "+=" + move_width }, 240, function () { if (parseInt($('#fav_item_container').css('margin-left')) == 0) { $('#prev_item_btn>span').css({'background-position': '0px 0px'}); } btn_lock = false; }); $('#next_item_btn>span').css({'background-position': '-15px 0px'}); } else { btn_lock = false; } } } else { btn_lock = false; } } function goNextItem() { if (btn_lock) return; btn_lock = true; var currentMyFavoritesList = getCookie('myFavorite_e') || ''; var myFavoritesList = currentMyFavoritesList.split('|'); //var myFavoritesList = currentMyFavoritesList_sample.split('|'); var move_width; if(myFavoritesList.length / 4 > 0){ move_width = 4*fav_item_w; } if (myFavoritesList.length > set_max_item) { if (pageLang == 'ar'){ var curr_margin_right = parseInt($('#fav_item_container').css('margin-right')); if (curr_margin_right > (myFavoritesList.length - set_max_item) * fav_item_w * -1) { $("#fav_item_container").animate({ //'margin-right': "-=" + fav_item_w 'margin-right': "-=" + move_width }, 240, function () { if (parseInt($('#fav_item_container').css('margin-right')) == (myFavoritesList.length - set_max_item) * fav_item_w * -1) { $('#next_item_btn>span').css({'background-position': '-5px 0px'}); } btn_lock = false; }); $('#prev_item_btn>span').css({'background-position': '-15px 0px'}); } else { $('#next_item_btn>span').css({'background-position': '0px 0px'}); btn_lock = false; } }else{ var page ; var curr_margin_left = parseInt($('#fav_item_container').css('margin-left')); if (curr_margin_left > (myFavoritesList.length - set_max_item) * fav_item_w * -1) { $("#fav_item_container").animate({ 'margin-left': "-=" + move_width //'margin-left': "-=" + fav_item_w //20170619 }, 240, function () { if (parseInt($('#fav_item_container').css('margin-left')) == (myFavoritesList.length - set_max_item) * fav_item_w * -1) { $('#next_item_btn>span').css({'background-position': '-10px 0px'}); } btn_lock = false; }); $('#prev_item_btn>span').css({'background-position': '-5px 0px'}); } else { btn_lock = false; } } } else { btn_lock = false; } } function setSelectedCSS(li_id) { $('#fav_item_container a').removeClass('sel'); $('#fav_item_container li#' + li_id + ' a').addClass('sel'); if (window.innerWidth > 1023) { var sel_city_id = li_id.substring(1); if(parseInt(sel_city_id)>600000) { lat = forecastCityObj[0].cityLatitude; lng = forecastCityObj[0].cityLongitude; } else { favoriteObj = getObjects(member_json_data, 'cityId', sel_city_id); lat = favoriteObj[0].cityLatitude; lng = favoriteObj[0].cityLongitude; } zoomlv = 5; setMapCenter(lat, lng, zoomlv); } } /*Load MyFavorite city from cookie, get the home city info*/ /*and create each MyFavorite item in Slider*/ function update_m_my_fav(){ var select_val = $('#m_my_fav_menu option:selected').val(); ajax_get_city_info(select_val, true); //setSelectedCSS('\c' + select_val + ''); checkPresentWeather(select_val); } function loadMyFavorites(loadHomeCity) { var currentMyFavoritesList = getCookie('myFavorite_e') || ''; //20170106 var myFavoritesList = currentMyFavoritesList.split('|'); //var myFavoritesList = currentMyFavoritesList_sample.split('|'); var favoriteObj; if (window.innerWidth < 1024) { $('#fav_item_container').css('display','none'); $('#next_item_btn').css('display','none'); $('#prev_item_btn').css('display','none'); var select = $('<select id="m_my_fav_menu" class="m_my_fav_menu" onchange="update_m_my_fav()" ></select>'); var option; for (var i = 0; i < myFavoritesList.length; i++) { var favoriteType = myFavoritesList[i].substr(0, myFavoritesList[i].indexOf('#')); var cityId = myFavoritesList[i].substr(myFavoritesList[i].indexOf('#') + 1); if(parseInt(cityId)>600000) { if (i == 0 && loadHomeCity) { ajax_get_city_info(cityId, !loadHomeCity); } var sel = (i == 0) ? 'sel' : ''; option = $('<option id="ecmwffav'+cityId+'" value="' + cityId + '"></option>'); select.append(option); continue; } if (favoriteType == "c") { if (i == 0 && loadHomeCity) { ajax_get_city_info(cityId, !loadHomeCity); } favoriteObj = getObjects(member_json_data, 'cityId', cityId); var fav_city_length = 0; //20170418 if(pageLang=='zh'||pageLang=='tc'){ fav_city_length = favoriteObj[0].cityName.indexOf('，') }else{ fav_city_length = favoriteObj[0].cityName.indexOf(',') } if(fav_city_length == -1 ||fav_city_length == 0){ fav_city_length = favoriteObj[0].cityName.length; } //display_favorite_name = favoriteObj[0].cityName.substr(0, favoriteObj[0].cityName.indexOf(',') === -1 ? favoriteObj[0].cityName.length : favoriteObj[0].cityName.indexOf(',')); display_favorite_name = favoriteObj[0].cityName.substr(0, fav_city_length); var sel = (i == 0) ? 'sel' : ''; option = $('<option value="' + favoriteObj[0].cityId + '">' + display_favorite_name + '</option>'); //if (val == default) { //option.attr('selected', 'selected'); //} select.append(option); } } if (getCookie('myFavorite_e') == null || getCookie('myFavorite_e') == "") { $('.fav_item_mask').html('<div class="home_add_fav"><a href="./selection.html">Add Your Own City</a></div>'); }else{ $('.fav_item_mask').html(select); } updateFavBar(); }else{ $('.fav_item_mask').css({'width': (set_max_item * fav_item_w) + 'px'}); var obj = $('#fav_item_container'); obj.css({'width': (myFavoritesList.length * fav_item_w) + 'px'}); for (var i = 0; i < myFavoritesList.length; i++) { var favoriteType = myFavoritesList[i].substr(0, myFavoritesList[i].indexOf('#')); var cityId = myFavoritesList[i].substr(myFavoritesList[i].indexOf('#') + 1); var sel = (i == 0) ? 'sel' : ''; if(parseInt(cityId)>600000) { if (i == 0 && loadHomeCity) { ajax_get_city_info(cityId, !loadHomeCity); } obj.append('<li id="c' + cityId + '"><a class="' + sel + '" href="javascript:ajax_get_city_info(' + cityId + ', true);checkPresentWeather(' + cityId + ')"><span id="ecmwffav'+cityId+'"></span></a></li>'); continue; } if (favoriteType == "c") { if (i == 0 && loadHomeCity) { ajax_get_city_info(cityId, !loadHomeCity); } favoriteObj = getObjects(member_json_data, 'cityId', cityId); var fav_city_length = 0; //20170418 if(pageLang=='zh'||pageLang=='tc'){ fav_city_length = favoriteObj[0].cityName.indexOf('，') }else{ fav_city_length = favoriteObj[0].cityName.indexOf(',') } if(fav_city_length == -1 ||fav_city_length == 0){ fav_city_length = favoriteObj[0].cityName.length; } //display_favorite_name = favoriteObj[0].cityName.substr(0, favoriteObj[0].cityName.indexOf(',') === -1 ? favoriteObj[0].cityName.length : favoriteObj[0].cityName.indexOf(',')); display_favorite_name = favoriteObj[0].cityName.substr(0, fav_city_length); var sel = (i == 0) ? 'sel' : ''; //obj.append('<li id="c' + favoriteObj[0].cityId + '"><a class="' + sel + '" href="javascript:ajax_get_city_info(' + favoriteObj[0].cityId + ', true);setSelectedCSS(\'c' + favoriteObj[0].cityId + '\');checkPresentWeather(' + favoriteObj[0].cityId + ')">' + favoriteObj[0].cityName + '</a></li>'); obj.append('<li id="c' + favoriteObj[0].cityId + '"><a class="' + sel + '" href="javascript:ajax_get_city_info(' + favoriteObj[0].cityId + ', true);setSelectedCSS(\'c' + favoriteObj[0].cityId + '\');checkPresentWeather(' + favoriteObj[0].cityId + ')">' + display_favorite_name + '</a></li>'); } } var max_item = (myFavoritesList.length > set_max_item) ? set_max_item : myFavoritesList.length; myFavoritesList.length updateFavBar(); } set_ecmwf_city_name(); } var maxmove = 0; var cntmove = 0; var moving = false; function fcGoPrevNext(dir) { $('.fc-prev, .fc-next').css('display','block'); if(!moving) { if (pageLang == 'ar'){ var currleft = $('.fav_city_container').position().left; }else{ var currleft = $('.fav_city_container').position().left; } if(dir == -1) { if(currleft != 0) { moving = true; if (pageLang == 'ar'){ $('.fav_city_container').animate({ right: currleft-10 }, 500, function() {moving = false;}); }else{ $('.fav_city_container').animate({ left: currleft+110 }, 500, function() {moving = false;}); } cntmove--; if((currleft+110) == 0) $('.fc-prev').css('display','none'); if (pageLang == 'ar'){ if((currleft+110) == -130) $('.fc-next').css('display','none'); } } } if(dir == 1) { if(cntmove < maxmove) { moving = true; if (pageLang == 'ar'){ $('.fav_city_container').animate({ right: currleft-10 }, 500, function() {moving = false;}); }else{ $('.fav_city_container').animate({ left: currleft-110 }, 500, function() {moving = false;}); } cntmove++; if(cntmove == maxmove) $('.fc-next').css('display','none'); if (pageLang == 'ar'){ if(cntmove == 0) $('.fc-prev').css('display','none'); } } } } } function load_ecmwf_forecast(cityId, unit, noOfFcst, lastFcstDate) { $.ajax({ url: './json/'+cityId+'_model_data_en.json', type: "GET", dataType: "json", error: function(){ console.log('404 Not Found'); if($('.forecast_day_object').length==0) { $('#no_weather_forecast').css('display', 'block'); $('#no_weather_forecast').html('<div class="not_available">Weather forecast information is not available at this moment.</div>'); $('.fav_city_fc_block').css('display', 'none'); } }, success: function(ecmwfData) { $('#no_weather_forecast').css('display', 'none'); $('.fav_city_fc_block').css('display', 'block'); var getNumOfFcst = 5 - noOfFcst; var fcstObj = ecmwfData.city.forecast.forecastDay; for (var i = 0; i < fcstObj.length; i++) { var forecast_date = fcstObj[i].forecastDate; if((parseInt(forecast_date.split("-").join(""))>parseInt(lastFcstDate.split("-").join("")) || lastFcstDate=="") && getNumOfFcst != 0) { var mn = 'a'; var maxTemp = (unit == "C") ? ((fcstObj[i].maxTemp != null && fcstObj[i].maxTemp != '') ? fcstObj[i].maxTemp + '°' + unit : '') : ((fcstObj[i].maxTempF != null && fcstObj[i].maxTempF != '') ? fcstObj[i].maxTempF + '°' + unit : ''); var minTemp = (unit == "C") ? ((fcstObj[i].minTemp != null && fcstObj[i].minTemp != '') ? fcstObj[i].minTemp + '°' + unit : '') : ((fcstObj[i].minTempF != null && fcstObj[i].minTempF != '') ? fcstObj[i].minTempF + '°' + unit : ''); var symbol = (maxTemp != '' && minTemp != '') ? ' | ' : ''; var icon = fcstObj[i].weatherIcon.toString().substr(0, (fcstObj[i].weatherIcon.toString().length - 2)); icon = parseInt(icon); var f_d = moment(fcstObj[i].forecastDate).locale(localLang).format('DD MMM'); var weekday = moment(fcstObj[i].forecastDate).locale(localLang).format('ddd').toUpperCase(); if (localLang == 'en') { f_d = moment(fcstObj[i].forecastDate).locale(localLang).format('DD MMM'); } if (localLang == 'zh-cn' || localLang == 'zh-tw' || localLang == 'ja') { f_d = moment(fcstObj[i].forecastDate).locale(localLang).format('MMMDD[日]'); weekday = weekday.replace("周", "").replace("週", ""); } if (localLang == 'de') { f_d = moment(fcstObj[i].forecastDate).locale(localLang).format('D[.] MMM'); } var wxdesc = fcstObj[i].weather; if (fcstObj[i].wxdesc != '' && fcstObj[i].wxdesc!=null) { wxdesc = fcstObj[i].wxdesc; } if (pageLang == 'ar'){ $('.fav_city_container').append('<div class="forecast_day_object ecmwf"><div class="weekday_n_date"><div class="fc_weekday">' + weekday + '</div><div class="fc_date">' + f_d + '</div></div><div class="weather_icon" title="' + wxdesc + '"><span class="wxico' + icon + ((icon >= 21 && icon <= 25) ? mn : '') + '"></span></div><div class="fc_temp"><span class="max_temp_icon">' + maxTemp + '</span><span class="forecast_symbol_icon">' + symbol + '</span><span class="min_temp_box">' + minTemp + '</span></div><div class="fc_desc">' + wxdesc + '</div><div class="div_ecmwf_logo"><span class="ecmwf_logo">*</span></div></div>'); }else{ $('.fav_city_container').append('<div class="forecast_day_object ecmwf"><div class="weekday_n_date"><div class="fc_weekday">' + weekday + '</div><div class="fc_date">' + f_d + '</div></div><div class="weather_icon" title="' + wxdesc + '"><span class="wxico' + icon + ((icon >= 21 && icon <= 25) ? mn : '') + '"></span></div><div class="fc_temp"><span class="min_temp_box">' + minTemp + '</span><span class="forecast_symbol_icon">' + symbol + '</span><span class="max_temp_icon">' + maxTemp + '</span></div><div class="fc_desc">' + wxdesc + '</div><div class="div_ecmwf_logo"><span class="ecmwf_logo">*</span></div></div>'); } $('.fav_city_container').append('<div class="forecast_day_object_m ecmwf"><div class="weekday_n_date"><div class="fc_date">' + f_d + '</div><div class="fc_weekday">' + weekday + '</div></div><div class="fc_temp"><span class="min_temp_box">' + minTemp + '</span><span class="forecast_symbol_icon">' + symbol + '</span><span class="max_temp_icon">' + maxTemp + '</div><div class="weather_icon" title="' + wxdesc + '"><span class="wxico' + icon + ((icon >= 21 && icon <= 25) ? mn : '') + '"></span></div><div class="fc_desc">' + wxdesc + '</div><div class="div_ecmwf_logo"><span class="ecmwf_logo">*</span></div></div>'); getNumOfFcst--; } } $('.forecast_issuetime').css('display', 'block'); var modelTime = ecmwfData.city.forecast.modelTime; var tmp = $('.forecast_issuetime').html(); if(tmp!="") tmp += '  |  '; tmp += 'Based on '+modelTime.substr(0,4)+'-'+modelTime.substr(4,2)+'-'+modelTime.substr(6,2)+' '+modelTime.substr(8,2)+'UTC model run'; $('.forecast_issuetime').html(tmp); $('.model_run_remark').html('<strong>*</strong> The forecast is the direct model output of ECMWF model with consent from the NMHS on using the ECMWF forecast data.'); changeFontSize(getCookie('fontsize_e')); } }); } /*Show Weather Forecast, Climatological Information or Tourism Information*/ function showInformation(infoType) { var unit = currentTempUnit; //20161228 //initialize_temp_unit(unit); $('.place_name_city').attr("href", "./city.html?cityId=" + forecastCityObj[0].cityId).html(forecastCityObj[0].cityName + ', '); $('.place_name_member').attr("href", "./country.html?countryCode=" + forecastCityObj[0].member.memId).html(forecastCityObj[0].member.memName); var mn = 'a'; if (infoType == "forecast") { //var max_forecast = 0; var present = getObjects(present_json_data, 'cityId', forecastCityObj[0].cityId); //20170202 $('.fav_city_container').html(''); $('.forecast_issuetime').html(''); $('.model_run_remark').html(''); //$('#morebtn').html(''); var forecastObj = forecastCityObj[0].forecast.forecastDay; if (forecastCityObj[0].forecast.issueDate != "N/A" && forecastCityObj[0].forecast.issueDate != "") { $('.forecast_issuetime').css('display', 'block'); } else { $('.forecast_issuetime').css('display', 'none'); } forecastObjArr.length = 0; if (forecastObj.length != 0) { if (window.innerWidth >= 599) { if(present.length < 1){ $('.name_block').css('width', '100%'); }else{ $('.name_block').css('width', '75%'); } } $('.fav_city_fc_block').css('display', 'block'); $('#no_weather_forecast').css('display', 'none'); } else { } //get present weather data 20170309// var present_temp = ''; var present_wx = ''; var present_rh = ''; var present_issue_date = ''; var ecmwfStyle = ""; var ttlForecastObj = forecastObj.length; var ecmwfLogo = ""; if(parseInt(forecastCityObj[0].cityId)>600000) { ecmwfStyle = " ecmwf"; ttlForecastObj = 5; ecmwfLogo = '<div class="div_ecmwf_logo"><span class="ecmwf_logo">*</span></div>'; } if(parseInt(forecastCityObj[0].cityId)<60001) { if(present[0].temp!='' && present[0].temp !=null){ present_temp = String(present[0].temp); } if(present[0].wxImageCode!='' && present[0].wxImageCode !=null){ present_wx = String(present[0].wxImageCode); } if(present[0].rh!='' && present[0].rh !=null){ present_rh = String(present[0].rh); } if(present[0].issue!='' && present[0].issue !=null){ present_issue_date = (present[0].issue.length < 12) ? ('20' + present[0].issue.substring(0, 2) + '-' + present[0].issue.substring(2, 4) + '-' + present[0].issue.substring(4, 6) + ' ' + present[0].issue.substring(6, 8) + ':00') : (present[0].issue.substring(0, 4) + '-' + present[0].issue.substring(4, 6) + '-' + present[0].issue.substring(6, 8) ); } } var numOfForecast = 0; var lastForecastDate = ""; for (var i = 0; i < ttlForecastObj; i++) { var show_status = 1; var forecast_date = forecastObj[i].forecastDate; if(present_issue_date ==''){ show_status =0; } if(present_issue_date !='' && present_issue_date == forecast_date){ //show_status 0 = show forecast, show_status 1 = not show forecast if(present[0].temp!='' && present[0].temp != null){ if(currentTempUnit == "F"){ if(convert_c2f(present[0].temp) >= forecastObj[i].minTempF && present[0].temp <= forecastObj[i].maxTempF && forecastObj[i].minTempF != '' && forecastObj[i].maxTempF != ''&& forecastObj[i].minTempF != null && forecastObj[i].maxTempF != null){ show_status =0; }else if((forecastObj[i].minTempF == ''|| forecastObj[i].minTempF == null) && convert_c2f(present[0].temp) <= forecastObj[i].maxTempF){ show_status =0; }else{ show_status = 1; } } if(currentTempUnit == "C"){ if(present[0].temp >= forecastObj[i].minTemp && present[0].temp <= forecastObj[i].maxTemp && forecastObj[i].minTemp != '' && forecastObj[i].maxTemp != ''&& forecastObj[i].minTemp != null && forecastObj[i].maxTemp != null){ show_status =0; }else if((forecastObj[i].minTemp == ''|| forecastObj[i].minTemp == null) && present[0].temp <= forecastObj[i].maxTemp){ show_status =0; }else{ show_status = 1; } } }else{ show_status =0; } }else{ show_status =0; } if(show_status == 0){ var maxTemp = (unit == "C") ? ((forecastObj[i].maxTemp != null && forecastObj[i].maxTemp != '') ? forecastObj[i].maxTemp + '°' + unit : '') : ((forecastObj[i].maxTempF != null && forecastObj[i].maxTempF != '') ? forecastObj[i].maxTempF + '°' + unit : ''); //20161223 var minTemp = (unit == "C") ? ((forecastObj[i].minTemp != null && forecastObj[i].minTemp != '') ? forecastObj[i].minTemp + '°' + unit : '') : ((forecastObj[i].minTempF != null && forecastObj[i].minTempF != '') ? forecastObj[i].minTempF + '°' + unit : ''); //20161223 /*20161228*/ var symbol = (maxTemp != '' && minTemp != '') ? ' | ' : ''; //symbol = (maxTemp == '' && minTemp == '') ? '-' : symbol; var icon = forecastObj[i].weatherIcon.toString().substr(0, (forecastObj[i].weatherIcon.toString().length - 2)); icon = parseInt(icon); var f_d = moment(forecastObj[i].forecastDate).locale(localLang).format('DD MMM'); var weekday = moment(forecastObj[i].forecastDate).locale(localLang).format('ddd').toUpperCase(); if (localLang == 'en') { f_d = moment(forecastObj[i].forecastDate).locale(localLang).format('DD MMM'); } if (localLang == 'zh-cn' || localLang == 'zh-tw' || localLang == 'ja') { f_d = moment(forecastObj[i].forecastDate).locale(localLang).format('MMMDD[日]'); weekday = weekday.replace("周", "").replace("週", ""); } if (localLang == 'de') { f_d = moment(forecastObj[i].forecastDate).locale(localLang).format('D[.] MMM'); } var wxdesc = forecastObj[i].weather; if (forecastObj[i].wxdesc != '' && forecastObj[i].wxdesc!=null) { wxdesc = forecastObj[i].wxdesc; } //$('.fav_city_container').append('<div class="forecast_day_object_new" align="center"><div class="weekday">' + weekday + '</div><span style="font-style:italic;">' + f_d + '</span><br><div class="weather_icon' + icon + 's" title="' + wxdesc + '"></div><div style="margin-top: 5px; font-size: 138%;"><span style="color: #FFFFFF;" dir="ltr">' + minTemp + '</span>' + symbol + '<span style="color: #FFFFFF;" dir="ltr">' + maxTemp + '</span> °' + unit + '</div></div>'); if (pageLang == 'ar'){ $('.fav_city_container').append('<div class="forecast_day_object'+ecmwfStyle+'"><div class="weekday_n_date"><div class="fc_weekday">' + weekday + '</div><div class="fc_date">' + f_d + '</div></div><div class="weather_icon" title="' + wxdesc + '"><span class="wxico' + icon + ((icon >= 21 && icon <= 25) ? mn : '') + '"></span></div><div class="fc_temp"><span class="max_temp_icon">' + maxTemp + '</span><span class="forecast_symbol_icon">' + symbol + '</span><span class="min_temp_box">' + minTemp + '</span></div><div class="fc_desc">' + wxdesc + '</div>'+ecmwfLogo+'</div>'); }else{ $('.fav_city_container').append('<div class="forecast_day_object'+ecmwfStyle+'"><div class="weekday_n_date"><div class="fc_weekday">' + weekday + '</div><div class="fc_date">' + f_d + '</div></div><div class="weather_icon" title="' + wxdesc + '"><span class="wxico' + icon + ((icon >= 21 && icon <= 25) ? mn : '') + '"></span></div><div class="fc_temp"><span class="min_temp_box">' + minTemp + '</span><span class="forecast_symbol_icon">' + symbol + '</span><span class="max_temp_icon">' + maxTemp + '</span></div><div class="fc_desc">' + wxdesc + '</div>'+ecmwfLogo+'</div>'); } $('.fav_city_container').append('<div class="forecast_day_object_m'+ecmwfStyle+'"><div class="weekday_n_date"><div class="fc_date">' + f_d + '</div><div class="fc_weekday">' + weekday + '</div></div><div class="fc_temp"><span class="min_temp_box">' + minTemp + '</span><span class="forecast_symbol_icon">' + symbol + '</span><span class="max_temp_icon">' + maxTemp + '</div><div class="weather_icon" title="' + wxdesc + '"><span class="wxico' + icon + ((icon >= 21 && icon <= 25) ? mn : '') + '"></span></div><div class="fc_desc">' + wxdesc + '</div>'+ecmwfLogo+'</div>'); numOfForecast++; lastForecastDate = forecastObj[i].forecastDate; if(parseInt(forecastCityObj[0].cityId)>600000) { var modelTime = forecastCityObj[0].forecast.modelTime; var modelruntime = ""; modelruntime += 'Based on '+modelTime.substr(0,4)+'-'+modelTime.substr(4,2)+'-'+modelTime.substr(6,2)+' '+modelTime.substr(8,2)+'UTC model run'; $('.forecast_issuetime').html(modelruntime); $('.model_run_remark').html('<strong>*</strong> The forecast is the direct model output of ECMWF model with consent from the NMHS on using the ECMWF forecast data.'); } else { var tz = ''; switch (forecastCityObj[0].forecast.timeZone) { case "Local": tz = "Local Time"; break; case "UTC": tz = "Coordinated Universal Time"; break; case "EDT": tz = "Eastern Daylight Time"; break; } if (forecastCityObj[0].forecast.issueDate != "N/A" && forecastCityObj[0].forecast.issueDate != "") { var i_d = moment(forecastCityObj[0].forecast.issueDate).locale(localLang).format('ll'); var i_t = moment(forecastCityObj[0].forecast.issueDate).locale(localLang).format('LT'); $('.forecast_issuetime').html('Issued at ' + i_t + ' $' + tz + '$ ' + i_d); $('.forecast_issuetime').css('display', 'block'); } else { var i_d = ""; var i_t = ""; $('.forecast_issuetime').css('display', 'none'); $('.currwx_block').css('padding-bottom', '10px'); } } } } if(numOfForecast < 5) { if(forecastCityObj[0].member["memId"] == 5 || forecastCityObj[0].member["memId"] == 11 || forecastCityObj[0].member["memId"] == 174 || forecastCityObj[0].member["memId"] == 59 || forecastCityObj[0].member["memId"] == 149 || forecastCityObj[0].member["memId"] == 84 || forecastCityObj[0].member["memId"] == 110) { load_ecmwf_forecast(forecastCityObj[0].cityId, unit, numOfForecast, lastForecastDate); } else { if(numOfForecast == 0) { $('#no_weather_forecast').css('display', 'block'); $('#no_weather_forecast').html('<div class="not_available">Weather forecast information is not available at this moment.</div>'); $('.fav_city_fc_block').css('display', 'none'); } } } if(window.innerWidth >= 600 && forecastObj.length > 0) { var dayoffc = forecastObj.length; var displayFc = Math.floor($('.white_line').outerWidth() / 110) maxmove = dayoffc - displayFc; cntmove = 0; if(pageLang == 'ar'){ $('.fav_city_container').css('right',0); }else{ $('.fav_city_container').css('left',0); } if($('.fc-prev').length > 0) { $('.fc-prev, .fc-next').css('display','none'); } if(dayoffc > displayFc) { $('.fav_city_fc_block_mask').outerWidth($('.white_line').outerWidth() - 18); $('.fav_city_container').outerWidth(dayoffc * 110); $('.fav_city_fc_block_mask').css('position','relative'); $('.fav_city_container').css('position','absolute'); if($('.fc-prev').length == 0) { if(pageLang == 'ar'){ $('.fav_city_fc_block_mask').prepend('<button class="fc-prev" name="btn-prev" style="display: none; width: 40px; height: 144px; position: absolute; z-index: 8;right: 0px; top: 0px; border: none; color: #FFFFFF; background-color: rgba(0,0,0,0.3); cursor: pointer;" onClick="fcGoPrevNext(1);"><span class="caret_right"></span></button>'); $('.fav_city_fc_block_mask').prepend('<button class="fc-next" name="btn-next" style="width: 40px; height: 144px; position: absolute; z-index: 8; top: 0px; left: 0px; border: none; color: #FFFFFF; background-color: rgba(0,0,0,0.3); cursor: pointer;" onClick="fcGoPrevNext(-1);"><span class="caret_left"></span></button>'); }else{ $('.fav_city_fc_block_mask').prepend('<button class="fc-prev" name="btn-prev" style="display: none; width: 40px; height: 144px; position: absolute; z-index: 8; top: 0px; border: none; color: #FFFFFF; background-color: rgba(0,0,0,0.3); cursor: pointer;" onClick="fcGoPrevNext(-1);"><span class="caret_left"></span></button>'); $('.fav_city_fc_block_mask').prepend('<button class="fc-next" name="btn-next" style="width: 40px; height: 144px; position: absolute; z-index: 8; top: 0px; right: 0px; border: none; color: #FFFFFF; background-color: rgba(0,0,0,0.3); cursor: pointer;" onClick="fcGoPrevNext(1);"><span class="caret_right"></span></button>'); } } else { $('.fc-next').css('display','block'); } /*$('.fav_city_fc_block').mouseover(function() { $('.fc-prev, .fc-next').css('display','block'); }).mouseout(function() { $('.fc-prev, .fc-next').css('display','none'); });*/ } } /*if(infoType == "climate") { load_highchart(unit); $('#climate_info_block').css({'display': 'block'}); }*/ //current_block_name = infoType; var present = getObjects(present_json_data, 'cityId', forecastCityObj[0].cityId); if (present.length > 0) { var present_temp; var present_rh; present_temp = String(present[0].temp); present_rh = String(present[0].rh); if (window.innerWidth >= 600) { $('.name_block').css('width', '75%'); } else { $('.name_block').css('width', '100%'); } if (window.innerWidth >= 600) { $(".currwx_block").show(); } else { $(".m_currwx_block").show(); } if (forecastCityObj[0].forecast.issueDate != "N/A") { $(".forecast_issuetime").show(); } //$( ".name_block" ).css("width","76.7%"); //$( ".name_block" ).css("width","75%"); $(".forecast_block").css("padding-bottom", "10px"); var currwxicon = (present[0].wxImageCode.length > 0) ? parseInt(present[0].wxImageCode) : -1; var daynightcode = present[0].daynightcode; if (window.innerWidth >= 600 && (currwxicon != -1 || present_rh != '' || present_temp != '')) { $('.forecast_block').css("width", "75%"); } else { $('.forecast_block').css("width", "100%"); } if (currwxicon == -1) { if (present_rh != null && present_rh != '') { $('.rh_block1').css("display", "block"); }else{ $('.rh_block1').css("display", "none"); } // if(present_temp == '0'){ // $('.temp_block1').css("display", "block"); //} if (present_temp != null && present_temp != '') { $('.temp_block1').css("display", "block"); }else{ $('.temp_block1').css("display", "none"); } $('.temp_block, .rh_block, #currwx_icon, #m_currwx_icon').css('display', 'none'); $('#m_currwx_icon').css('display', 'none'); //$('.temp_block1, .rh_block1').css('display', 'block'); } else { //have currwxicon if (present_rh != null && present_rh != '') { $('.rh_block').css("display", "block"); }else{ $('.rh_block').css("display", "none"); } // if (present_temp == '0') { // $('.temp_block').css("display", "block"); // } if (present_temp != null && present_temp != '') { $('.temp_block').css("display", "block"); }else{ $('.temp_block').css("display", "none"); } $('#currwx_icon, #m_currwx_icon').css('display', 'block'); $('.temp_block1, .rh_block1').css('display', 'none'); } //$('#currwx_icon,#m_currwx_icon').removeAttr('class').addClass('weather_icon1').addClass('wxico_l_' + currwxicon + daynightcode).attr('title', present[0].wxdesc); $('#currwx_icon,#m_currwx_icon').removeAttr('class').addClass('weather_icon1').addClass('wxico_l_' + currwxicon + daynightcode).attr('title', langDescJson["wxdesc"][present[0].iconNum]); /* 20161228 */ if (currentTempUnit == "F") { $('.present_temp_value').html(convert_c2f(present_temp)+"°F"); // $('.present_temp_unit').html("°F"); $('.temp_header_unit').html(" (°F)"); } else { $('.present_temp_value').html(Math.round(present[0].temp)+"°C"); // $('.present_temp_unit').html("°C"); $('.temp_header_unit').html(" (°C)"); } /* 20161628 */ //$('.present_temp_value').html(present[0].temp); $('.present_rh_value').html(present[0].rh+"%"); //Wed, 11 Nov 2015 03:00 pm<br>(local time) if (present[0].issue != false && (present_temp != '' || currwxicon != -1 || present[0].rh != '')) { //20170424 var issue_str = (present[0].issue.length < 12) ? ('20' + present[0].issue.substring(0, 2) + '-' + present[0].issue.substring(2, 4) + '-' + present[0].issue.substring(4, 6) + ' ' + present[0].issue.substring(6, 8) + ':00') : (present[0].issue.substring(0, 4) + '-' + present[0].issue.substring(4, 6) + '-' + present[0].issue.substring(6, 8) + ' ' + present[0].issue.substring(8, 10) + ':' + present[0].issue.substring(10, 12)); $('.currwx_issuetime').html(moment(issue_str).locale(localLang).format('llll').replace("00分", "正") + ' (Local Time)'); //$('.currwx_issuetime').html(present[0].issue); } else { $('.present_temp_value').html(""); $(".currwx_block").hide(); $('.m_currwx_block').hide(); //$(".forecast_issuetime").hide(); $(".name_block").css("width", "100%"); $('.fav_city_fc_block_mask').css('height', '150px'); //20170106 } } else { $('.forecast_block').css("width", "100%"); $('.rh_block').css("display", "none"); $('.temp_block').css("display", "none"); $('.name_block').css("width", "100%"); $('.currwx_block').css("display", "none"); $('.m_currwx_block').css("display", "none"); } //$('#present_wx_box') changeFontSize(getCookie('fontsize_e')); } } /*load home weather forecast information & center the map*/ function load_home_forecast(reloadMap, loadHomeCity) { showInformation('forecast'); } /*Use city ID to get city info from JSON file*/ function ajax_get_city_info(cityId, loadHomeCity) { var dataSourceURL = (parseInt(cityId)>600000) ? "../../en/json/" + cityId + "_model_data_en.json" : "../../en/json/" + cityId + "_en.xml"; $.ajax({ url: dataSourceURL, type: "GET", dataType: "text", success: function (Jdata) { if (Jdata.length > 0) { forecastCityObj = getObjects(JSON.parse(Jdata), 'cityId', cityId); if (!loadHomeCity) { } load_home_forecast(true, loadHomeCity); } else { } if(parseInt(cityId)>600000&&loadHomeCity) setSelectedCSS('c' + cityId); }, error: function () { //ajaxRefreshHandling(ajax_get_city_info, "ajaxCity", 1, param); } }); } //Sort the array by member name function SortByMemberName(a, b) { var aName = a.value.memName.toLowerCase(); var bName = b.value.memName.toLowerCase(); return aName.localeCompare(bName); } var memberSortArray = []; function sortObject(obj) { var arr = []; for (var prop in obj) { if (obj.hasOwnProperty(prop)) { arr.push({ 'key': prop, 'value': obj[prop] }); } } arr.sort(SortByMemberName); return arr; // returns array } /*Get all WMO member (i.e. country) info from JSON file*/ function ajax_get_member_info(memId) { member_json_data = member_json_data_map; delete member_json_data.member['lang']; totalPage = Math.ceil(ObjectLength(member_json_data.member) / 24); memberSortArray = sortObject(member_json_data.member); list_data = memberSortArray; go2page(1, 1); loadMyFavorites(true); } /*Check the home lat, lng for setting the center of map.*/ /*Prepare a city object array for placing marker on map.*/ function initialize_map(mapType) { $('#' + mapType + 'map_canvas').css({'display': 'block'}); var memObj = getObjects(member_json_data, 'memId', ''); if (memObj.length > 0) { var home_id; var home_lat = 32.346975; /*default value*/ var home_lng = 114.109497; /*default value*/ var home_zoom = 1; cityObj1.length = 0; for (var i = 0; i < memObj.length; i++) { for (var j = 0; j < memObj[i].city.length; j++) { cityObj1.push(memObj[i].city[j]); } } //if(defhp == 'default') { home_lat = 2.811371; /*default value*/ home_lng = 42.890625; /*default value*/ home_zoom = 1; //} if (mapType == "openstreet") { t = setTimeout(function () { initialize_home_map(home_lat, home_lng, 'openstreetmap_canvas', home_zoom, cityObj1, 'self'); }, 1000); //console.log(openstreetmap); if (openstreetmap != null){ //setMapCenter(home_lat, home_lng, home_zoom); //20170804 } } } } function check_map_option(){ if ($('.map_layer_control').is(':visible')) { if(getCookie('map_e') != null){ //if(getCookie('map_e')=='forecast' && getCookie('map_e_user_for') == '1'){ if(getCookie('map_e_user_for') == '1'){ $('#lyr1').children('span').addClass('select'); $('#lyr2').children('span').removeClass('select'); $('#lyr3').children('span').removeClass('select'); t1 = setTimeout(function () { home_layerCtrl(1); }, 500); loading('hidden'); } //if(getCookie('map_e')=='present' && getCookie('map_e_user_pw') == '1'){ if(getCookie('map_e_user_pw') == '1'){ loading('visible'); ajax_get_map_present_info(''); //20170413 $('#lyr2').children('span').addClass('select'); $('#lyr1').children('span').removeClass('select'); //$('#lyr3').children('span').removeClass('select'); t1 = setTimeout(function () { home_layerCtrl(2); }, 500) t1 = setTimeout(function () { loading('hidden'); }, 500) $('#satellite_update_time').html(""); $('#c_title').css("display", "none"); $('.fc_title').css("display", "none"); $('.ico_marker_forecastclimate').css("display", "none"); $('.ico_marker_climateonly').css("display", "none"); $('.ico_marker_capital').css("display", "none"); $('.weather_icon_link').css("display", "block"); //pw_select('pw_icon'); //load weather icon 20190710 }else{ home_layerCtrl(2); } //if(getCookie('map_e')=='satellite' && getCookie('map_e_user_sat') == '1'){ if(getCookie('map_e_user_sat') == '1'){ $('#lyr3').children('span').addClass('select'); $('#lyr1').children('span').removeClass('select'); // $('#lyr2').children('span').removeClass('select'); t1 = setTimeout(function () { home_layerCtrl(3); }, 500) loading('hidden'); read_txt(); $('#c_title').css("display", "none"); $('.fc_title').css("display", "none"); $('.ico_marker_forecastclimate').css("display", "none"); $('.ico_marker_climateonly').css("display", "none"); $('.ico_marker_capital').css("display", "none"); $('.map_des_4').css("width", "100%"); $('.weather_icon_link').css("display", "none"); } }else{ //if cookie map_e == null setCookie('map_e','present',30); loading('visible'); ajax_get_map_present_info(''); //20170413 $('#lyr2').children('span').addClass('select'); $('#lyr1').children('span').removeClass('select'); $('#lyr3').children('span').removeClass('select'); t1 = setTimeout(function () { home_layerCtrl(2); }, 500) t1 = setTimeout(function () { loading('hidden'); }, 500) $('#satellite_update_time').html(""); $('#c_title').css("display", "none"); $('.fc_title').css("display", "none"); $('.ico_marker_forecastclimate').css("display", "none"); $('.ico_marker_climateonly').css("display", "none"); $('.ico_marker_capital').css("display", "none"); $('.weather_icon_link').css("display", "block"); } } } function check_fb_panel(){ if(pageLang=='zh'){ $('#wmo_fb_item').css('display','none'); $('#m_wmo_fb_item').css('display','none'); } } $(document).ready(function () { jQuery("#pw_icon").attr("checked","checked"); //if(getCookie('map_e')== null){ setCookie('map_e','present', 30); //} load_ecmwf_city(); if(getCookie('map_e_user_sat')== null && getCookie('map_e_user_for') == null && getCookie('map_e_user_pw') == null){ setCookie('map_e_user_sat','0', 30); setCookie('map_e_user_pw','1', 30); setCookie('map_e_user_for','0', 30); } if(getCookie('map_e_user_sat')== '0' && getCookie('map_e_user_for') == '0' && getCookie('map_e_user_pw') == '0'){ setCookie('map_e_user_sat','0', 30); setCookie('map_e_user_pw','1', 30); setCookie('map_e_user_for','0', 30); } beta_msg(); check_fb_panel(); lang_css(); $('.pw_unit').html("Temperature unit (°"+currentTempUnit+")"+" <a href='settings.html'>Settings</a>"); if (window.innerWidth >= 1024) { $('.gis_block').css('display','block'); load_gis_count = 1; }else{ $('.gis_block').css('display','none'); } loading('hidden'); var currentMyFavoritesList = getCookie('myFavorite_e') || ''; // generate sitemap ajax_get_region_info_map('en'); ajax_get_member_info_sitemap('en'); generateSiteMap('regions'); //end generate sitemap var click_count; click_count = 0; var home_intro_content = "<p>This global website presents OFFICIAL weather observations, weather forecasts and climatological information for selected cities supplied by National Meteorological & Hydrological Services (NMHSs) worldwide."; home_intro_content += "The NMHSs make official weather observations in their respective countries. Links to their official weather service websites and tourism board/organization are also provided whenever available. Weather icons are shown alongside worded forecasts in this version to facilitate visual inspection.</p>"; home_intro_content += "<p>By August 2024, WWIS provided official weather information for 3465 cities in which 3314 cities are available with forecast from 139 Members while 2225 cities are available with climatological information from 171 Members. Suggestions to enrich the contents of this website are welcome.</p>"; if(window.innerWidth < 600){ home_intro_content_limit = "<p>This global website presents OFFICIAL weather observations, weather forecasts and climatological information for selected cities supplied by National Meteorological & Hydrological Services (NMHSs) worldwide."+"...(<a href='#'><span class='intro_full' onclick='intro_full()'>More</span></a>)"; //20170601 get first 100 words }else{ home_intro_content_limit = home_intro_content; } if (getCookie('myFavorite_e') == null || getCookie('myFavorite_e') == "") { //window.location.replace("./selection.html"); $('.fav_city_wx_block').html('<div class="home_intro">' + home_intro_content_limit + '</div>'); $('.fav_item_mask').html('<div class="home_add_fav"><a href="./selection.html">Add Your Own City</a></div>'); $( '.fav_item_mask' ).addClass( "fav_item_mask_add_button" ); } /*end*/ $('.txt_share').one('click', function () { //.one('click') prevent multi run after multi click $('.share_btn_item').stop().slideToggle(); return false; }); // $(".main-menu").load("main_menu.html"); //load main menu $('.social-network-small').html($('.social-network').clone().contents()); $('.header-menu-btn a').click(function () { if ($('.header-menu').is(':visible')) { $('.header-menu').slideUp(500, function () { $('.header-menu-btn a').children('img').attr('src', '../images/arrow_down.png'); }); } else { $('.header-menu').slideDown(500, function () { $('.header-menu-btn a').children('img').attr('src', '../images/arrow_up.png'); }); } }); $('.main-menu-btn').click(function () { if ($('.mainmenu').is(':visible')) { $('.mainmenu').slideUp(500, function () {}); } else { $('.mainmenu').slideDown(500, function () {}); } }); if ($('.main-menu-btn').is(':visible')) { } $('.map_layer_control a').click(function () { //map option click var select_lyr = $(this).attr('id').replace("lyr", ""); if (select_lyr == 1) { setCookie('map_e','forecast',30); var map_option = getCookie('map_e') ; $( "#present_weather_option_form" ).hide(); $('#lyr2').children('span').removeClass('select'); $('#lyr3').children('span').removeClass('select'); $('#satellite_update_time').html(""); $('#c_title').css("display", "block"); $('.fc_title').css("display", "block"); $('.ico_marker_forecastclimate').css("display", "block"); $('.ico_marker_climateonly').css("display", "block"); $('.ico_marker_capital').css("display", "block"); $('.map_des_4').css("width", "34%"); $('.weather_icon_link').css("display", "none"); if ($(this).children('span').hasClass('select')) { setCookie('map_e_user_for','0', 30); }else{ setCookie('map_e_user_for','1', 30); setCookie('map_e_user_pw','0', 30); setCookie('map_e_user_sat','0', 30); } } if (select_lyr == 2) { //setCookie('map_e','present', 30); $( "#present_weather_option_form" ).show(); $('#lyr1').children('span').removeClass('select'); //$('#lyr3').children('span').removeClass('select'); $('#satellite_update_time').html(""); $('#c_title').css("display", "none"); $('.fc_title').css("display", "none"); $('.ico_marker_forecastclimate').css("display", "none"); $('.ico_marker_climateonly').css("display", "none"); $('.ico_marker_capital').css("display", "none"); $('.weather_icon_link').css("display", "block"); if ($(this).children('span').hasClass('select')) { setCookie('map_e_user_pw','0', 30); }else{ setCookie('map_e_user_pw','1', 30); setCookie('map_e_user_for','0', 30); } } if (select_lyr == 3) { setCookie('map_e','satellite', 30); if($("#lyr2").children('span').hasClass('select')){ $( "#present_weather_option_form" ).show(); }else{ $( "#present_weather_option_form" ).hide(); } //$('#lyr2').children('span').removeClass('select'); $('#lyr1').children('span').removeClass('select'); $('#c_title').css("display", "none"); $('.fc_title').css("display", "none"); $('.ico_marker_forecastclimate').css("display", "none"); $('.ico_marker_climateonly').css("display", "none"); $('.ico_marker_capital').css("display", "none"); $('.map_des_4').css("width", "100%"); $('.weather_icon_link').css("display", "none"); } if ($(this).children('span').hasClass('select')) { setCookie('map_e_user_sat','0', 30); $(this).children('span').removeClass('select'); $('#satellite_update_time').html(""); } else { $(this).children('span').addClass('select'); if (select_lyr == 3) { setCookie('map_e_user_sat','1', 30); read_txt(); } } //$('#loading').addClass('loading_show'); if (click_count == 0) { if (select_lyr == 2) { //ajax_get_member_info(''); //loading('visible'); //ajax_get_map_present_info(''); //201704013 //t1 = setTimeout(function () { // home_layerCtrl(select_lyr); // }, 1000); //setCookie('map_e','present',30); check_map_option(); //pw_select('pw_icon'); //20190710 click_count++; } else { home_layerCtrl($(this).attr('id').replace("lyr", "")); } t2 = setTimeout(function () { loading('hidden'); }, 1000); } else { home_layerCtrl($(this).attr('id').replace("lyr", "")); loading('hidden'); } }); ajax_get_present_info(''); ajax_get_member_info(''); /*** Load WMO RSS Feed ***/ wmotitle = $('.wmotitle').html(); var newsLang = 'en'; getWMORSS(newsLang); //getWMOTwitter(); $('.google_translate').mouseover(function() { $(this).addClass('translate-button-hover'); }).mouseout(function() { $(this).removeClass('translate-button-hover'); }).focus(function() { $(this).addClass('translate-button-focused'); }).blur(function() { $(this).removeClass('translate-button-focused'); }).click(function() { if($(this).hasClass('translate-button-checked')) { $(this).removeClass('translate-button-checked'); newsLang = 'en'; ($('.wmotitle').html().search('book') > 0) ? getWMOFBPOST(newsLang) : getWMORSS(newsLang); } else { $(this).addClass('translate-button-checked'); newsLang = pageLang; ($('.wmotitle').html().search('book') > 0) ? getWMOFBPOST(newsLang) : getWMORSS(newsLang); } }).on('keypress',function(e){ var p = e.which; if(p == 13){ if($(this).hasClass('translate-button-checked')) { $(this).removeClass('translate-button-checked'); newsLang = 'en'; ($('.wmotitle').html().search('book') > 0) ? getWMOFBPOST(newsLang) : getWMORSS(newsLang); } else { $(this).addClass('translate-button-checked'); newsLang = pageLang; ($('.wmotitle').html().search('book') > 0) ? getWMOFBPOST(newsLang) : getWMORSS(newsLang); } } }); //browser resize call $(window).resize(function () { updateFavBar(); if(currentMyFavoritesList!=''){ showInformation('forecast'); } w_w = window.innerWidth; i = $(window).width(); if (w_w>=1024 && load_gis_count == 0) { $('.gis_block').css('display','block'); load_gis_count = 1; } }); // if(getCookie('fontsize_e') != '0' && getCookie('fontsize_e') != '1'&& getCookie('fontsize_e') != '2'){ setCookie('fontsize_e','0',30); } if (isCookieEnabled && getCookie('fontsize_e') != null) { changeFontSize(getCookie('fontsize_e')); } else { var fsv = '0'; changeFontSize(fsv); } setupSearchBox(); updateFavBar(); if(pageLang=='zh'){ $('.google_translate').css('display','none'); }else if(pageLang=="en"){ $('.google_translate').css('display','none'); }else{ $('.google_translate').css('display','block'); } let t5 = setTimeout(function(){ initMap(); clearTimeout(t5); }, 1200); }); //end document ready function set_default_map_center() { var lat = 2.811371; /*default value*/ var lng = 42.890625; /*default value*/ zoomlv = 2; setCookie('map_e_lat',lat,30); setCookie('map_e_lng',lng,30); setCookie('map_e_zoom','2',30); setMapCenter(lat, lng, zoomlv); } function read_txt() { jQuery.get(location.protocol+'//worldweather.wmo.int/images/satellite_img/satellite_IRG_F2.txt', function (data) { var lines = data.split("\n"); var time_arr = []; var last_date_time_arr = []; var last_date; var last_time; var latest_date_time = 0; for (var i = 0, len = lines.length; i < len; i++) { time_arr[i] = lines[i]; var date_time = parseInt(time_arr[i].replace(",","")); if(date_time > latest_date_time) { latest_date_time = date_time; } } var last_date_time_str = latest_date_time.toString(); last_date = last_date_time_str.substr(0,8); last_time = last_date_time_str.substr(8,4); y = last_date.substr(0, 4); m = last_date.substr(4, 2); d = last_date.substr(6, 2); hour = last_time.substr(0, 2); min = last_time.substr(2, 2); time_suffix = ""; //hour = (hour > 12) ? hours - 12 : hour; //time_suffix = (hour >= 12) ? 'PM' : 'AM'; re_form_date = y + "-" + m + "-" + d; //var format_date = moment(re_form_date).locale(localLang).format('D MMM YYYY'); //20170201 var format_date = moment(re_form_date).locale(localLang).format('ll'); //process text file line by line $('#satellite_update_time').html("Satellite image updated at " + hour+":"+min+" UTC " + format_date + ""); }); } var curr_page = 1; var eachPageItems = 21; var eachPageColItems = 21 / 3; var totalPage = 0;//Math.ceil(ary.length / 24); function loading(setting) { //hidden , visible document.getElementById('load_container').style.visibility = setting; document.getElementById('loading').style.visibility = setting; } function goPrev() { //console.log('goPrev'); if (curr_page - 1 != 0) { curr_page = curr_page - 1; go2page(curr_page, 0); } return false; } function goNext() { //console.log('goNext'); if (curr_page + 1 <= totalPage) { curr_page = curr_page + 1; go2page(curr_page, 0); } return false; } function go2page(currpag, firsttime) { curr_page = currpag; var cnt = 0; var col = null; for (var i = (currpag - 1) * eachPageItems; i < (currpag * eachPageItems); i++) { //if (cnt % 8 == 0) { //20170227 if (cnt % 7 == 0) { //col = $('div.col' + (cnt / 8 + 1) + ' ul'); //20170227 col = $('div.col' + (cnt / 7 + 1) + ' ul'); col.empty(); } if (list_data[i]) { var list_name = (list_data[i].value) ? list_data[i].value.memName : ((list_data[i].memName) ? list_data[i].memName : list_data[i].cityName); var list_id = (list_data[i].value) ? list_data[i].value.memId : ((list_data[i].memId) ? list_data[i].memId : list_data[i].cityId); var list_url = (list_data[i].value || list_data[i].memName) ? "./country.html?countryCode=" + list_id : "./city.html?cityId=" + list_id; col.append('<li><a href="' + list_url + '"><span class="bulletin_arrow"></span><div class="cen"><span>' + list_name + '</span></div></a></li>'); } cnt++; } //if ($('div.col1 ul').find('li').length < 8) { //20170227 if ($('div.col1 ul').find('li').length < 7) { //for (var i = $('div.col1 ul').find('li').length; i < 7; i++) {//20170227 for (var i = $('div.col1 ul').find('li').length; i < 6; i++) { $('div.col1 ul').append('<li><div class="empty"></div></li>'); } } if (firsttime) { $('#page_num').empty(); for (var i = 1; i <= totalPage; i++) { var css = (curr_page == i) ? ' class="curr"' : ''; var htm = '<li' + css + '><a href="javascript:void(0);" onClick="go2page(' + i + ', 0);">' + i + '</a></li>'; $('#page_num').append(htm); } } else { $('#page_num li').removeClass('curr'); $('#page_num li').eq(curr_page - 1).addClass('curr'); } } function regionSelected() { var rval = $("#regionList option:selected").val(); if (rval.length > 0) { ajax_get_member_list(rval); }else{ rval = 0 ; } if(window.innerWidth>=1024){ changeMapLanding(rval); } } function changeMapLanding(rval) { //if (rval == 0) { lat = 2.811371; /*default value*/ lng = 42.890625; /*default value*/ zoomlv = 1; //} if (rval == 1) { lat = 12.323310; lng = 18.5156210; zoomlv = 1; //20190710 } if (rval == 2) { lat = 32.298488; lng = 98.749993; zoomlv = 2; //20190710 } if (rval == 3) { lat = -6.083503; lng = -53.828137; zoomlv = 1; //20190710 } if (rval == 4) { lat = 47.357025; lng = -100.976565; zoomlv = 1; //20190710 } if (rval == 5) { lat = -17.589330; lng = 144.980467; zoomlv = 2; //20190710 } if (rval == 6) { lat = 48.534397; lng = 18.906245; zoomlv = 2; //20190710 } setMapCenter(lat, lng, zoomlv); } function SortByCityName(a, b) { var aName = a.enName.toLowerCase(); var bName = b.enName.toLowerCase(); return aName.localeCompare(bName); } function countrySelected(selObj) { if (selObj.value.length > 0) { var selectedCountry = getObjects(member_json_data, 'memId', selObj.value); totalPage = Math.ceil(selectedCountry[0].city.length / 24); list_data = selectedCountry[0].city.sort(SortByCityName); go2page(1, 1); lan = selectedCountry[0].countryLatitude; lng = selectedCountry[0].countryLongitude; if(selectedCountry[0].memId == "1" || selectedCountry[0].memId == "185"|| selectedCountry[0].memId == "50"|| selectedCountry[0].memId == "136"|| selectedCountry[0].memId == "28"|| selectedCountry[0].memId == "93"|| selectedCountry[0].memId == "56"){ zoomlv = 3; //20190710 }else if(selectedCountry[0].memId == "107"){ zoomlv = 2; //20190710 }else{ zoomlv = 4; //20190710 } if(window.innerWidth>=1024){ setMapCenter(lan, lng, zoomlv); } } } /*Reload map and drop down menu based on selected region*/ function setRegion(ra) { var regionObj; regionObj = getObjects(region_json_data, 'id', ra); totalPage = Math.ceil(regionObj[0].members.length / 24); //list_data = regionObj[0].members; list_data = regionObj[0].members.sort(SortByCityName); go2page(1, 1); /*load country that belong to the selected region into the drop down menu*/ var country_list = document.getElementById('countryList'); country_list.disabled = false; country_list.length = 0; country_list.options.add(new Option('Please select', '')); for (var i = 0; i < regionObj[0].members.length; i++) { country_list.options.add(new Option(regionObj[0].members[i].memName, regionObj[0].members[i].memId)); } /*load country that belong to the selected region into the drop down menu*/ var region_location = [ {"lat": -0.703107, "lng": 29.003906}, /*Africa*/ {"lat": 37.71859, "lng": 100.371094}, /*Asia*/ {"lat": -21.616579, "lng": -56.074219}, /*South America*/ {"lat": 30.554281, "lng": -91.036877}, /*North and Central America*/ {"lat": -19.642587, "lng": 149.062499}, /*South West Pacific*/ {"lat": 54.572062, "lng": 15.292969} /*Europe*/ ]; } /*Get WMO member (i.e. Country) list group by region*/ function ajax_get_member_list(rval) { //var param = new Array(rval); $.ajax({ url: "../../en/json/Region_en.xml", type: "GET", dataType: "text", success: function (Jdata) { if (Jdata.length > 0) { region_json_data = JSON.parse(Jdata); setRegion(rval); //ajaxRefreshHandling(ajax_get_member_list, "ajaxRegion", 0, param); } else { //ajaxRefreshHandling(ajax_get_member_list, "ajaxRegion", 1, param); } }, error: function () { //ajaxRefreshHandling(ajax_get_member_list, "ajaxRegion", 1, param); } }); } // Get present weather for world map use function ajax_get_map_present_info(noId) { $.ajax({ url: "../../en/json/present_wwis_map.xml", type: "GET", dataType: "text", async: false, success: function (Jdata) { if (Jdata.length > 0) { present_map_json_data = JSON.parse(Jdata); } else { } }, error: function () { } }); } function getWMORSS(lg) { if(pageLang!="en"){ $('.google_translate').css('display', 'block'); } if(lg == 'en') $('.btn_gt').removeClass('translate-button-checked'); $.ajax({ url: "../../en/json/wmonews_" + lg + ".json", type: "GET", dataType: "text", async: false, success: function (Jdata) { myCallback(JSON.parse(Jdata), lg) }, error: function () { $('#wmonews').html('<tr><td valign="middle" align="center">Connection Timeout.</td></tr>'); $('#m_wmonews').html('<tr><td valign="middle" align="center">Connection Timeout.</td></tr>'); } }); } function getWMOFBPOST(lg) { if(pageLang != 'zh'){ if(pageLang!="en"){ $('.google_translate').css('display', 'block'); } if(lg == 'en') $('.btn_gt').removeClass('translate-button-checked'); $.ajax({ url: "../../en/json/wmofbpost_" + lg + ".json", type: "GET", dataType: "text", async: false, success: function (Jdata) { myCallback1(JSON.parse(Jdata), lg) }, error: function () { $('#wmonews').html('<tr><td valign="middle" align="center">Connection Timeout.</td></tr>'); $('#m_wmonews').html('<tr><td valign="middle" align="center">Connection Timeout.</td></tr>'); } }); } } function Linkify(inputText) { /*URLs starting with http://, https://, or ftp://*/ var replacePattern1 = /(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim; var replacedText = inputText.replace(replacePattern1, '<a style="color: #0000FF;" href="$1" target="_blank">$1</a>'); /*URLs starting with www. (without // before it, or it'd re-link the ones done above)*/ var replacePattern2 = /(^|[^\/])(www\.[\S]+(\b|$))/gim; var replacedText = replacedText.replace(replacePattern2, '$1<a style="color: #0000FF;" href="http://$2" target="_blank">$2</a>'); /*Change email addresses to mailto:: links*/ var replacePattern3 = /(\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,6})/gim; var replacedText = replacedText.replace(replacePattern3, '<a style="color: #0000FF;" href="mailto:$1">$1</a>'); /*End of ...*/ var replacePattern4 = /\<a [^\<a](.+)\>(.+)\<\/a\>\.\.\./gim; var replacedText = replacedText.replace(replacePattern4, '$2...'); return replacedText } function wmo_menu_style_update(option) { $('.wmo_item_container a').removeClass('sel'); $('#wmo_' + option + '_item').addClass('sel'); $('#m_wmo_' + option + '_item').addClass('sel'); } function getWMOTwitter() { load_twitter_data(); wmo_menu_style_update('twitter'); displayTwitter(); $('.google_translate').css('display', 'none'); } function displayTwitter() { var wmonews_tbl = $('#wmonews'); var m_wmonews_tbl = $('#m_wmonews'); wmonews_tbl.empty(); m_wmonews_tbl.empty(); $('.twitter-timeline-box').css('display', 'block'); } function myCallback(data, lg) { var news_font_size = 'fs'+getCookie('fontsize_e'); $('.twitter-timeline-box').css('display', 'none'); $('.wmotitle').html(wmotitle); var wmonews_tbl = $('#wmonews'); var m_wmonews_tbl = $('#m_wmonews'); wmonews_tbl.empty(); m_wmonews_tbl.empty(); var row = ''; var m_row = '';  row = $('<tr></tr>').appendTo(wmonews_tbl); m_row = $('<tr></tr>').appendTo(m_wmonews_tbl); $('<td></td>').attr({'class': 'highlightsTD'}).html('<span class="img_set arrow_red"></span>').appendTo(row); $('<td></td>').attr({'class': 'highlightsTD'}).html('<span class="img_set arrow_red"></span>').appendTo(m_row); $('<td></td>').attr({'colspan': '2'}).html('<a class="highlightsDescriptionLink '+news_font_size+'" href="https://wmo.int/news" target="_blank">For the latest WMO news, please visit the link below</a>').appendTo(row); $('<td></td>').attr({'colspan': '2'}).html('<a class="highlightsDescriptionLink '+news_font_size+'" href="https://wmo.int/news" target="_blank">For the latest WMO news, please visit the link below</a>').appendTo(m_row); row = $('<tr></tr>').appendTo(wmonews_tbl); m_row = $('<tr></tr>').appendTo(m_wmonews_tbl); $('<td></td>').appendTo(row); $('<td></td>').appendTo(m_row); $('<td></td>').attr({'class': 'highlightsTDLink '+news_font_size, 'colspan': '2'}).html('<a class="highlightsDescriptionLink '+news_font_size+'" href="https://wmo.int/news" target="_blank">https://wmo.int/news').appendTo(row); $('<td></td>').attr({'class': 'highlightsTDLink '+news_font_size, 'colspan': '2'}).html('<a class="highlightsDescriptionLink '+news_font_size+'" href="https://wmo.int/news" target="_blank">https://wmo.int/news').appendTo(m_row); row = $('<tr></tr>').appendTo(wmonews_tbl); m_row = $('<tr></tr>').appendTo(m_wmonews_tbl); $('<td></td>').appendTo(row); $('<td></td>').appendTo(m_row); $('<td></td>').attr({'colspan': '2'}).html('<div class="highlightsDate '+news_font_size+'"></div><img src="../images/home_line.png" class="highlightsHR" alt="" width="100%" height="3">').appendTo(row); $('<td></td>').attr({'colspan': '2'}).html('<div class="highlightsDate '+news_font_size+'"></div><img src="../images/home_line.png" class="highlightsHR" alt="" width="100%" height="3">').appendTo(m_row); for (var i = 0; i < data.length - 1; i++) { row = $('<tr></tr>').appendTo(wmonews_tbl); m_row = $('<tr></tr>').appendTo(m_wmonews_tbl); $('<td></td>').attr({'class': 'highlightsTD'}).html('<span class="img_set arrow_red"></span>').appendTo(row); $('<td></td>').attr({'class': 'highlightsTD'}).html('<span class="img_set arrow_red"></span>').appendTo(m_row); $('<td></td>').attr({'colspan': '2'}).html('<a class="highlightsDescriptionLink '+news_font_size+'" href="' + data[i].link + '" target="_blank">' + data[i].title + '</a>').appendTo(row); $('<td></td>').attr({'colspan': '2'}).html('<a class="highlightsDescriptionLink '+news_font_size+'" href="' + data[i].link + '" target="_blank">' + data[i].title + '</a>').appendTo(m_row); row = $('<tr></tr>').appendTo(wmonews_tbl); m_row = $('<tr></tr>').appendTo(m_wmonews_tbl); $('<td></td>').appendTo(row); $('<td></td>').appendTo(m_row); $('<td></td>').attr({'class': 'highlightsTDLink '+news_font_size, 'colspan': '2'}).html(data[i].short_description).appendTo(row); $('<td></td>').attr({'class': 'highlightsTDLink '+news_font_size, 'colspan': '2'}).html(data[i].short_description).appendTo(m_row); var pubdate = data[i].pubDate; row = $('<tr></tr>').appendTo(wmonews_tbl); m_row = $('<tr></tr>').appendTo(m_wmonews_tbl); $('<td></td>').appendTo(row); $('<td></td>').appendTo(m_row); if (lg == 'kr') lg = 'ko'; $('<td></td>').attr({'colspan': '2'}).html('<div class="highlightsDate '+news_font_size+'">' + moment(pubdate).locale(lg).format('lll') + '</div><img src="../images/home_line.png" class="highlightsHR" alt="" width="100%" height="3">').appendTo(row); $('<td></td>').attr({'colspan': '2'}).html('<div class="highlightsDate '+news_font_size+'">' + moment(pubdate).locale(lg).format('lll') + '</div><img src="../images/home_line.png" class="highlightsHR" alt="" width="100%" height="3">').appendTo(m_row); } row = $('<tr></tr>').appendTo(wmonews_tbl); m_row = $('<tr></tr>').appendTo(m_wmonews_tbl); $('<td></td>').attr({'colspan': '3'}).html("<div class=\"alignRight\"><a class=\"moreLink\" href=\"https://wmo.int/news\" target=\"_blank\">More <span class=\"img_set more_arrow\"></span></a></div>").appendTo(row); $('<td></td>').attr({'colspan': '3'}).html("<div class=\"alignRight\"><a class=\"moreLink\" href=\"https://wmo.int/news\" target=\"_blank\">More <span class=\"img_set more_arrow\"></span></a></div>").appendTo(m_row); wmo_menu_style_update('rss'); } function myCallback1(data, lg) { $('.twitter-timeline-box').css('display', 'none'); $('.wmotitle').html(wmo_on_fb); //if(lg == 'tc') lg = 'zh-tw'; var wmonews_tbl = $('#wmonews'); var m_wmonews_tbl = $('#m_wmonews'); wmonews_tbl.empty(); m_wmonews_tbl.empty(); var row = ''; var m_row = ''; var news_font_size = 'fs'+getCookie('fontsize_e'); for (var i = 0; i < data.length - 1; i++) { var post_content = '<table width="100%"><tr><td width="130px"><div class="col-4 wmo_fb_left"><div class="wmo_img"><a href="' + data[i].link + '" target="_blank"><img src="' + data[i].picture + '" alt=""></a></div></div></td>'; post_content += '<td style="vertical-align:top;">'; post_content += (typeof data[i].story == "undefined") ? '' : '<p style="color: #5c5c5c; margin-top: 2px; padding-right: 2px; width: 100%; word-wrap: break-word;" class="'+news_font_size+'"><a class="wmo_news_title" href="' + data[i].link + '">' + Linkify(data[i].story) + '</a></p>'; // post_content += '<div class="wmo_img"><a href="' + data[i].link + '" target="_blank"><img src="' + data[i].picture + '" alt=""></a></div>'; post_content += (typeof data[i].short_message == "undefined") ? '' : '<span style="margin-top: 2px; padding-right: 2px; width: 100%; word-wrap: break-word;" class="'+news_font_size+'">' + Linkify(data[i].short_message) + '</span>'; //post_content += '<div style="border-left: 1px solid #003366;">'; post_content += '<div>'; post_content += (typeof data[i].name == "undefined") ? '' : '<div style="color: #000080; font-weight: bold; width: 100%; word-wrap: break-word; padding-left: 5px; padding-right: 2px;">' + Linkify(data[i].name) + '</div>'; post_content += (typeof data[i].short_caption == "undefined") ? '' : '<p style="margin-top: 2px; padding-right: 2px; padding-left: 5px; width: 100%; word-wrap: break-word;" class="'+news_font_size+'"><span class="caption" style=" color:#0e60d2;">| </span>' + Linkify(data[i].short_caption) + '</p>'; post_content += (typeof data[i].short_description == "undefined") ? '' : '<p style="margin-top: 2px; padding-right: 2px; padding-left: 5px; width: 100%; word-wrap: break-word;" class="'+news_font_size+'">' + Linkify(data[i].short_description) + '</p>'; post_content += '</div>'; var pubdate = data[i].created_time; post_content += '<div style="width: 100%; padding: 0px;"><div style="float: left;" class="highlightsDate">' + moment(pubdate).locale(lg).format('lll') + '</div><div style="float: right;"><a class="post" href="' + data[i].link + '" target="_blank" title="See more"><span class="fblink"></span></a></div></div></div>'; post_content +='</td></tr>'; row = $('<tr></tr>').appendTo(wmonews_tbl); m_row = $('<tr></tr>').appendTo(m_wmonews_tbl); $('<td></td>').attr({'colspan': '2', 'valign': 'top'}).html(post_content.replace(/\n/g, '<br>')).appendTo(row); $('<td></td>').attr({'colspan': '2', 'valign': 'top'}).html(post_content.replace(/\n/g, '<br>')).appendTo(m_row); row = $('<tr></tr>').appendTo(wmonews_tbl); m_row = $('<tr></tr>').appendTo(m_wmonews_tbl); $('<td></td>').attr({'colspan': '3'}).html('<div class="divider1"></div>').appendTo(row); $('<td></td>').attr({'colspan': '3'}).html('<div class="divider1"></div>').appendTo(m_row); } row = $('<tr></tr>').appendTo(wmonews_tbl); m_row = $('<tr></tr>').appendTo(m_wmonews_tbl); $('<td></td>').attr({'colspan': '3'}).html("<div class=\"alignRight\"><a class=\"moreLink\" href=\"" + data[(data.length - 1)].link + "\" target=\"_blank\">More<span class=\"img_set more_arrow\"></span></a></div>").appendTo(row); $('<td></td>').attr({'colspan': '3'}).html("<div class=\"alignRight\"><a class=\"moreLink\" href=\"" + data[(data.length - 1)].link + "\" target=\"_blank\">More<span class=\"img_set more_arrow\"></span></a></div>").appendTo(m_row); wmo_menu_style_update('fb'); } function checkPresentWeather(cityId) { var present_data = getObjects(present_json_data, 'cityId', cityId); if (present_data.length > 0) { $('.fav_city_fc_block_mask').css('height', '144px'); } else { $('.fav_city_fc_block_mask').css('height', '150px'); } } </script> </head> <body> <div class="wrapper"> <script> $( document ).ready(function() { $( ".prettyfied-select-box .arrow-up" ).hide(); change_current_lang_msg(); }); function change_current_lang_msg(){ if(pageLang=='ar'){ $('.prettyfied-select-box .current_lang').html('‏العربية‏'); } if(pageLang=='en'){ $('.prettyfied-select-box .current_lang').html('English'); } if(pageLang=='tc'){ $('.prettyfied-select-box .current_lang').html('繁體中文'); } if(pageLang=='zh'){ $('.prettyfied-select-box .current_lang').html('简体中文'); } if(pageLang=='fr'){ $('.prettyfied-select-box .current_lang').html('Français'); } if(pageLang=='de'){ $('.prettyfied-select-box .current_lang').html('Deutsch'); } if(pageLang=='it'){ $('.prettyfied-select-box .current_lang').html('Italiano'); } if(pageLang=='kr'){ $('.prettyfied-select-box .current_lang').html('한국어'); } if(pageLang=='pl'){ $('.prettyfied-select-box .current_lang').html('Polski'); } if(pageLang=='pt'){ $('.prettyfied-select-box .current_lang').html('Português'); if(window.innerWidth < 800){ $('.website-t1').css('font-size','16px'); } } if(pageLang=='ru'){ $('.prettyfied-select-box .current_lang').html('Русский'); } if(pageLang=='es'){ $('.prettyfied-select-box .current_lang').html('Español'); } } </script> <div class="row header-menu"> <div class="col-12 social-network"> <a class="sn1" href="http://www.facebook.com/pages/World-Meteorological-Organization/71741701887" target="_blank" rel="noopener noreferrer" title="Facebook"></a> <a class="sn2" href="http://twitter.com/WMO" target="_blank" rel="noopener noreferrer" title="Twitter"></a> <a class="sn3" href="https://www.flickr.com/photos/worldmeteorologicalorganization/sets/" target="_blank" rel="noopener noreferrer" title="Flickr"></a> <a class="sn4" href="https://www.instagram.com/wmo_omm/" target="_blank" rel="noopener noreferrer" title="Instagram"></a> <a class="sn5" href="https://www.youtube.com/worldmetorg" target="_blank" rel="noopener noreferrer" title="YouTube"></a> <a class="sn6" href="https://vimeo.com/wmo" target="_blank" rel="noopener noreferrer" title="Vimeo"></a> </div> </div> <div class="row header_container" id="header_main"> <div class="header-menu-right"> <div id="lang_link" class="lang_menu"> <div id="lang_link1"> <div class="prettyfied-select-box"><a><span class="current_lang">English</span><span class="arrow-down" alt="Expand"></span><span class="arrow-up" alt="Collapse"></span></a></div> <script type="text/javascript">document.write("<script type='text/javascript' src='"+ location.protocol +"//worldweather.wmo.int/scripts/domain1.js' charset='utf-8'><\/scr" + "ipt>");</script> <script type="text/javascript"> $('.prettyfied-select-box a').click(function() { if (!$('#lang_link1 ul').is(':visible')) { $( ".arrow-down" ).hide(); $( ".arrow-up" ).show(); $('#lang_link1 ul').slideDown(500, function() {}); } else { $('#lang_link1 ul').slideUp(500, function() {}); $( ".arrow-down" ).show(); $( ".arrow-up" ).hide(); } }); </script> </div>  </div> </div> <table> <tr> <td> <div class="header_m_main_menu"> <a class="main-menu-btn" href="javascript:void(0);" title="Main menu"> <span class="spanline"></span> <span class="spanline"></span> <span class="spanline"></span> </a> </div> </td> <td> <div class="logo-area"> <img style="height:77px;" src="../images/logo_wmo.png" alt="" /> </div> </td> <td> <div class="head_img_container"> <div class="header_msg"> World Meteorological Organization </div> <div class="header_msg_small"> Weather · Climate · Water </div> </div> </td> <td class="header_banner"> <span class="website-t"> <a href="./home.html"> <span class="website-t1">World Weather Information Service</span><br /><span class="website-t2">Official Forecasts</span></a> </span> </td> <td class="social_menu"> <div class="row header-menu-btn"> <a href="javascript:void(0);"><img src="../images/arrow_down.png" alt="Option menu"></a> </div> </td> </tr> </table> </div> <div class="row main-menu"> <a name="site_top"></a> <ul class="mainmenu"> <li><a href="./home.html" onclick="reset_map_cookie();">Home</a></li> <li><a href="myfavourites.html">Personalize</a></li> <li><a href="whatsnew.html">What's New</a></li> <li> <a href="javascript:void(0);" onclick="triggerSubMenu('menu1');">Links</a> <div style="position:relative;"> <div class="submenu" id="menu1"> <ul> <li><a href="http://dcpc.worldweather.org/" target="_blank" rel="noopener noreferrer">Advanced Search</a></li> <li><a href="https://severeweather.wmo.int/TCFW/" target="_blank" rel="noopener noreferrer">Tropical Cyclone Forecaster Website</a></li> <li><a href="http://wrd.mgm.gov.tr/default.aspx?l=en" target="_blank" rel="noopener noreferrer">WMO Radar Database</a></li> <li><a href="http://www.droughtmanagement.info/" target="_blank" rel="noopener noreferrer">Integrated Drought Management Programme</a></li> <li><a href="http://www.wamis.org/" target="_blank" rel="noopener noreferrer">World AgroMeteorological Information Service</a></li> <li><a href="http://wmo.asu.edu/" target="_blank" rel="noopener noreferrer">World Weather / Climate Extremes Archive</a></li> <li><a href="https://www.wmo.int/cpdb/" target="_blank" rel="noopener noreferrer">WMO Country Profile Database</a></li> <li><a href="https://alertingauthority.wmo.int/" target="_blank" rel="noopener noreferrer">Register of Alerting Authorities</a></li> </ul> </div> </div> </li> <li><a href="https://severeweather.wmo.int/" target="_blank" rel="noopener noreferrer">Severe Weather</a></li> <li><a href="https://cloudatlas.wmo.int/en/home.html" target="_blank" rel="noopener noreferrer">Cloud Atlas</a></li> <li> <a href="javascript:void(0);" onclick="triggerSubMenu('menu2');">About</a> <div style="position:relative;"> <div class="submenu" id="menu2"> <ul> <li><a href="pilot.html">About this website</a></li> <li><a href="members.html">Participating Members</a></li> <li><a href="wxicons.html">Weather Icons</a></li> </ul> </div> </div> </li> <li><a href="apps.html">Apps</a></li> <li> <a href="javascript:void(0);" onclick="triggerSubMenu('menu3');">Support</a> <div style="position:relative;"> <div class="submenu" id="menu3"> <ul> <li><a href="settings.html">Settings</a></li> <li><a href="note.html">Notes to User</a></li> <li><a href="dataguide.html">Download</a></li> <li><a href="submitfc.html">Notes to WMO Members</a></li> </ul> </div> </div> </li> </ul> <div class="social-network-small"></div> </div>  <div class="row shortcut_n_searchbox" style="position:relative;"> <div style="width:100%;height:44px;background-color:#20799b;"> <a id="prev_item_btn" href="javascript:void(0);" onclick="goPrevItem();" title="Previous"><span></span></a> <div class="fav_item_mask"><ul id="fav_item_container"></ul></div> <a id="next_item_btn" href="javascript:void(0);" onclick="goNextItem();" title="Next"><span></span></a> <a id="btn_plus_add_city" href="./selection.html" title="Add City"><span></span></a> <div id="search_box"><div id="top_searchcontainer"><form name="searchForm" id="searchForm" method="get" onsubmit="return searchFormSubmit('searchForm');" action=""><input type="text" class="top_searchbox ui-autocomplete-input" name="query" id="q_search" placeholder="Please enter city / country / territory name" title="Please enter city / country / territory name" autocomplete="off"><span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input type="hidden" name="page" value="home"><input name="submit" type="submit" class="top_searchbox_submit" value="" title="Search"></form></div></div> </div> </div> <div class="row fav_city_wx_block"> <div class="col-3 col-m-12 currwx_block"> <div class="row"> <div class="col-12 col-m-12 currwx_issuetime1"></div> <div class="col-12 col-m-12 wxicon_block"> <div class="col-12 col-m-12 temp_block1"> <div class="ico_present_temp"></div> <div class="present_temp_value"></div> <div class="present_temp_unit"></div> </div> <div class="col-12 col-m-12 rh_block1"> <div class="ico_present_rh"></div> <div class="present_rh_value"></div> <div class="present_rh_unit"></div> </div> <span id="currwx_icon" class="weather_icon1"></span> <a class="warning_icon" href="#" title="Warning Icon"></a> </div> <div class="col-6 col-m-12 temp_block"> <div class="ico_present_temp"></div> <div class="present_temp_value"></div> <div class="present_temp_unit"></div> </div> <div class="col-6 col-m-12 rh_block"> <div class="ico_present_rh"></div> <div class="present_rh_value"></div> <div class="present_rh_unit"></div> </div> <div class="col-12 col-m-12 beta_msg" onclick="beta_box(2)"></div> <div class="beta_box home_beta_box"></div> <div class="col-12 col-m-12 currwx_issuetime"></div> </div> </div> <div class="col-12 col-m-12 col-s-12 name_block"> <div class="row"> <div class="col-8 col-m-8 col-s-10 place_name"> <a href="#" class="place_name_city"></a> <a href="#" class="place_name_member"></a> </div> <div class="col-4 col-m-4 col-s-2 share_block"><a href="javascript:share_box_control();"><span class="ico_share"></span><span class="txt_share">Share</span></a></div> <div class="col-12 col-m-12 col-s-12 share_block_main"> <div id="share_box_home" class="col-4 col-m-4 col-s-12 share_box_container" style="text-align: center;display: none;"> <div class="share_btn_item" style=""> <div id="shareItem" class="share_content"> <div class="share_icon_button" > <a href="javascript:;" onclick="shareFacebook('home');" target="_blank" title="Share this weather information on Facebook"><span class="img_set_share share_icon_set btn_facebook"></span></a> <a href="javascript:;" onclick="shareTwitter('home');" target="_blank" title="Share this weather information on Twitter"><span class="img_set_share share_icon_set btn_twitter"></span></a> <a href="javascript:;" onclick="shareWeibo('home');" target="_blank" title="Share this weather information on Weibo"><span class="img_set_share share_icon_set btn_weibo"></span></a> <a href="javascript:;" onclick="shareLinkedIn('home');" target="_blank" title="Share this weather information on LinkedIn"><span class="img_set_share share_icon_set btn_linkedin"></span></a> <a href="javascript:;" onclick="shareGooglePlus('home');" target="_blank" title="Share this weather information on Google+"><span class="img_set_share share_icon_set btn_googleplus"></span></a> <a href="javascript:;" onclick="emailFriend('home');" target="_blank" title="Share this weather information by Email"><span class="img_set_share share_icon_set btn_email"></span></a> </div> </div> </div> </div> </div> <div class="col-12 col-m-12 col-s-12 white_line"><span></span></div> </div> </div> <div class="col-3 col-m-12 m_currwx_block"> <div class="row"> <div class="col-12 col-m-12 currwx_issuetime1"></div> <div class="col-12 col-m-12 wxicon_block"> <div class="col-12 col-m-12 temp_block1"> <div class="ico_present_temp"></div> <div class="present_temp_value"></div> <div class="present_temp_unit"></div> </div> <div class="col-12 col-m-12 rh_block1"> <div class="ico_present_rh"></div> <div class="present_rh_value"></div> <div class="present_rh_unit"></div> </div> <span id="m_currwx_icon" class="weather_icon1"></span> <a class="warning_icon" href="#" title="Warning Icon"></a> </div> <div class="col-6 col-m-12 temp_block"> <div class="ico_present_temp"></div> <div class="present_temp_value"></div> <div class="present_temp_unit"></div> </div> <div class="col-6 col-m-12 rh_block"> <div class="ico_present_rh"></div> <div class="present_rh_value"></div> <div class="present_rh_unit"></div> </div> <div class="col-12 col-m-12 beta_msg" onclick="beta_box(2)"></div> <div class="col-12 col-m-12 currwx_issuetime"></div> </div> <div class="beta_box" alt="beta_message_button"></div> </div> <div class="col-9 forecast_block"> <div class="row"> <div class="col-11 col-m-11 col-s-12" id="no_weather_forecast"></div> <div class="col-12 fav_city_fc_block"> <div class="forecast_day_object_header"> <div class="date_header">Date</div> <div class="temp_header">Temp<span class="temp_header_unit">(°C)</span></div> <div class="cond_header">Cond</div> <div class="desc_header">Description</div> </div> <div class="fav_city_fc_block_mask"> <div class="fav_city_container"> </div> <div style="clear:both;"></div> </div> </div> <div class="col-12 forecast_issuetime"></div> <div class="col-12 model_run_remark"></div> </div> </div> </div> <div class="row"> <div class="row"> <div class="col-9 main_left_panel"> <div class="col-12 gis_block"> <div class="map_layer_control"> <a id="lyr2" href="javascript:void(0);"><span class="ico_radio"></span>Present Weather</a> <a id="lyr3" href="javascript:void(0);"><span class="ico_radio"></span>Satellite Image</a> <a id="lyr1" href="javascript:void(0);"><span class="ico_radio" ></span>Forecast / Climatology</a> <div id="load_container"><span class="loading_msg">Loading</span><div id="loading" class=""></div></div> </div> <div style="clear:both;"></div> <div class="map_block"> <div id="viewDiv"></div> </div> <div class="map_legend_container"> <form id="present_weather_option_form"> <div class="present_weather_option"> <input type="radio" name="pw_option" id="pw_icon" value="pw_icon" onclick="pw_select('pw_icon')" checked="checked"><label>Present Weather</label> <input type="radio" name="pw_option" id="pw_temp" value="pw_temp" onclick="pw_select('pw_temp')" ><label>Present temperature</label> <div class="pw_unit"> </div> </div> </form> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td style="width: 4%;"></td>  <td style="width: 3%;" align="center" valign="middle" class="map_des_1"><span class="ico_map_legend ico_marker_capital"></span></td> <td style="width: 24%;" valign="middle" class="map_des_2"><div class="fc_title">Capital City</div></td> <td style="width: 3%;" align="center" class="map_des_3" valign="middle"><span class="ico_map_legend ico_marker_forecastclimate"></span></td> <td style="width: 34%;" valign="middle" class="map_des_4"> <div id="satellite_update_time"></div><div class="weather_icon_link">Legend : <a href="wxicons.html">Weather Icons</a></div> <div class="fc_title">Forecast / Climatology</div> </td> <td style="width: 3%;" align="center" valign="middle" class="map_des_5"><span class="ico_map_legend ico_marker_climateonly"></span></td> <td style="width: 29%;" valign="middle" class="map_des_6"><div id="c_title">Climatology Only</div></td> </tr> </table> </div> </div> <div class="col-12 wmo_block"> <div class="wmo_item_container"> <a id="wmo_rss_item" class="item_lr_margin sel" href="javascript:void(0);" onclick="getWMORSS('en');"> <div class="cen1"> <span class="news_icon"></span><span class="content">WMO News</span> </div> </a> <a id="wmo_fb_item" href="javascript:void(0);" onclick="getWMOFBPOST('en');"> <div class="cen1"> <span class="fb_icon"></span><span class="content">WMO on Facebook</span> </div> </a> <a id="wmo_twitter_item" href="javascript:void(0);" onclick="getWMOTwitter();" > <div class="cen1"> <span class="tw_icon"></span><span class="content">WMO on Twitter</span> </div> </a> </div> <div class="wmo_item_content_container"> <div class="row"> <div class="translate_btn"> <div id="btn_gt1" class="btn_gt btn_trans translate-button google_translate" data-tooltip="" aria-label="" data-tooltip-align="t,c" aria-pressed="false" role="button" aria-hidden="false" tabindex="0" style="-webkit-user-select: none;"><span class="button-text">Google Translate</span></div></div> </div> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td class="wmo_item_content_lb"></td> <td valign="top"> <table id="wmonews"> <tr> </tr> </table> <div class="twitter-timeline-box" style="text-align: center;"> <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/WMO" data-widget-id="653832117399359488" data-tweet-limit="3" width="400" height="650" >Tweets by @WMOnews</a> </div> </td> <td class="wmo_item_content_rb"></td> </tr> </table> </div> <div class="wmotitle" align="left">WMO News</div> </div> </div> <div class="col-3 main_right_panel"> <div class="col-12 select_place_control"> <div class="col-12 region_control"> <div class="ico_hm_region"><span></span></div> <div class="sel_hm_region"> <label for="regionList" style="display: none;">Region:</label> <select name="regionList" class="region_select" id="regionList" onchange="regionSelected();" title="Please select region"> <option value="">Please select</option> <option value="1">Africa</option> <option value="2">Asia</option> <option value="3">South America</option> <option value="4">North and Central America</option> <option value="5">South West Pacific</option> <option value="6">Europe</option> </select> </div> </div> <div class="middle_space"></div> <div class="col-12 country_control"> <div class="ico_hm_country"><span></span></div> <div class="sel_hm_country"> <label for="countryList" style="display: none;">Countries/Territories:</label> <select name="countryList" class="country_select" id="countryList" onchange="countrySelected(this);" title="Please select countries/territories" disabled=""> <option value=""></option> </select> </div> </div> <div class="place_list_area"> <div class="col-12 col1"><ul></ul></div> <div class="col-12 col2"><ul></ul></div> <div class="col-12 col3"><ul></ul></div> <table style="width: 100%; height: 36px; background-color: #e6e6e6; margin-top: 2px;" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="center" style="width: 50px;" valign="middle"><a style="display: block; padding: 13px;" href="javascript:void(0);" onclick="goPrev();" title="Previous"><span id="prev_btn"></span></a></td> <td style="width: 5px; background-color: #FFFFFF;"></td> <td align="center" style="width: 598px;" valign="middle"><ul id="page_num"><li class="curr"><a href="javascript:void(0);" onclick="go2page(1, 0);">1</a></li><li><a href="javascript:void(0);" onclick="go2page(2, 0);">2</a></li><li><a href="javascript:void(0);" onclick="go2page(3, 0);">3</a></li><li><a href="javascript:void(0);" onclick="go2page(4, 0);">4</a></li><li><a href="javascript:void(0);" onclick="go2page(5, 0);">5</a></li><li><a href="javascript:void(0);" onclick="go2page(6, 0);">6</a></li><li><a href="javascript:void(0);" onclick="go2page(7, 0);">7</a></li><li><a href="javascript:void(0);" onclick="go2page(8, 0);">8</a></li><li><a href="javascript:void(0);" onclick="go2page(9, 0);">9</a></li></ul></td> <td style="width: 5px; background-color: #FFFFFF;"></td> <td align="center" style="width: 50px;" valign="middle"><a style="display: block; padding: 13px;" href="javascript:void(0);" onclick="goNext();" title="Next"><span id="next_btn"></span></a></td> </tr> </table> </div> </div> </div> <div class="col-12 m_wmo_block"> <div class="wmo_item_container"> <a id="m_wmo_rss_item" class="item_lr_margin" href="javascript:getWMORSS('en');" onclick="getWMORSS('en');"> <div class="cen1"> <span class="news_icon"></span><span class="content">WMO News</span> </div> </a> <a id="m_wmo_fb_item" href="javascript:getWMOFBPOST('en');" onclick="getWMOFBPOST('en');" class="sel"> <div class="cen1"> <span class="fb_icon"></span><span class="content">WMO on Facebook</span> </div> </a> <a id="m_wmo_twitter_item" href="javascript:void(0);" onclick="getWMOTwitter();"> <div class="cen1"> <span class="tw_icon"></span><span class="content">WMO on Twitter</span> </div> </a> </div> <div class="wmo_item_content_container"> <div class="translate_btn"> <div id="btn_gt2" class="btn_gt btn_trans translate-button google_translate" data-tooltip="" aria-label="" data-tooltip-align="t,c" aria-pressed="false" role="button" aria-hidden="false" tabindex="0" style="-webkit-user-select: none;"><span class="button-text">Google Translate</span></div></div> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td class="wmo_item_content_lb"></td> <td valign="top"> <table id="m_wmonews"> <tr> </tr> </table> <div class="twitter-timeline-box" style="text-align: center;"> <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/WMO" data-widget-id="653832117399359488" width="400" height="650" data-tweet-limit="3">Tweets by @WMOnews</a> </div> </td> <td class="wmo_item_content_rb"></td> </tr> </table> </div> <div class="wmotitle" align="left">WMO News</div> </div> </div> </div> <div class="row footer-area"> <div class="col-12 host-info"> This website is operated on behalf of WMO by <a href="http://www.hko.gov.hk" target="_blank" rel="noopener noreferrer">Hong Kong Observatory</a> of Hong Kong, China.</div> <div class="col-12 site_map_footer"> <div class="row"> <div class="row col-12 col-m-12 h1"> <div class="col-4 col-m-4 col-s-12"> <div class="footer_title">Home</div> <div class="sitemap_content"> <ul class="sitemap_item"> <li><a href="home.html">Home</a></li> <li><a href="apps.html">Apps</a></li> </ul> </div> </div> <div class="col-4 col-m-4 col-s-12"> <div class="footer_title">Personalize</div> <div class="sitemap_content"> <ul class="sitemap_item"> <li><a href="myfavourites.html">Personalize</a></li> </ul> </div> </div> <div class="col-4 col-m-4 col-s-12"> <div class="footer_title">What's New</div> <div class="sitemap_content"> <ul class="sitemap_item"> <li><a href="whatsnew.html">What's New</a></li> </ul> </div> </div> </div> <div class="row col-12 col-m-12"> <div class="col-4 col-m-4 col-s-12"> <div class="footer_title">Links</div> <div class="sitemap_content"> <ul class="sitemap_item"> <li><a href="https://severeweather.wmo.int/" target="_blank" rel="noopener noreferrer">Severe Weather</a></li> <li><a href="http://dcpc.worldweather.org/" target="_blank" rel="noopener noreferrer">Advanced Search</a></li> <li><a href="https://severeweather.wmo.int/TCFW/" target="_blank" rel="noopener noreferrer">Tropical Cyclone Forecaster Website</a></li> <li><a href="http://wrd.mgm.gov.tr/default.aspx?l=en" target="_blank" rel="noopener noreferrer">WMO Radar Database</a></li> <li><a href="http://www.droughtmanagement.info/" target="_blank" rel="noopener noreferrer">Integrated Drought Management Programme</a></li> <li><a href="http://www.wamis.org/" target="_blank" rel="noopener noreferrer">World AgroMeteorological Information Service</a></li> <li><a href="http://wmo.asu.edu/" target="_blank" rel="noopener noreferrer">World Weather / Climate Extremes Archive</a></li> <li><a href="https://www.wmo.int/cpdb/" target="_blank" rel="noopener noreferrer">WMO Country Profile Database</a></li> <li><a href="https://cloudatlas.wmo.int/en/home.html" target="_blank" rel="noopener noreferrer">Cloud Atlas</a></li> <li><a href="https://alertingauthority.wmo.int/" target="_blank" rel="noopener noreferrer">Register of Alerting Authorities</a></li> </ul> </div> </div> <div class="col-4 col-m-4 col-s-12"> <div class="footer_title">About</div> <div class="sitemap_content"> <ul class="sitemap_item"> <li><a href="pilot.html">About this website</a></li> <li><a href="members.html">Participating Members</a></li> <li><a href="wxicons.html">Weather Icons</a></li> </ul> </div> </div> <div class="col-4 col-m-4 col-s-12"> <div class="footer_title">Support</div> <div class="sitemap_content"> <ul class="sitemap_item"> <li><a href="mailto:webmaster@worldweather.org">Contact Us</a></li> <li><a href="note.html">Notes to User</a></li> <li><a href="settings.html">Settings</a></li> <li><a href="dataguide.html">Download</a></li> </ul> </div> </div> </div> <div class="row col-12 col-m-12"> <div class="col-12 col-m-12 col-s-12"> <div id="rccSiteMap"></div> </div> </div> </div> <div class="col-9 footer-left"> © 2020 | <a href="./privacy.html">Privacy Policy</a> | <a href="mailto:webmaster@worldweather.org">Contact</a> | <a href="./disclaimer.html">Disclaimer</a> | <a href="./note.html">Notes to User</a> | <a href="http://www.wmo.int/pages/prog/amp/pwsp/" target="_blank" rel="noopener noreferrer">WMO Extranet</a> | <a class="wcag-logo" href="http://www.w3.org/WAI/WCAG2AA-Conformance" target="_blank" rel="noopener noreferrer" title="Level Double-A conformance, W3C WAI Web Content Accessibility Guidelines 2.0"></a> </div> <div class="col-3 footer-right"> <div id="footer_last_update"></div> <script type="text/javascript"> $('#footer_last_update').html(moment('2024-09-02').locale('en').format('[Updated on ]ll')); </script> </div> </div> </div> <a id="floating_back_to_top" style="display: block;" href="#site_top">Back to top</a> </div> </body> </html>

CINXE.COM

Home | World Weather Information Service