Bus Arrival Time

<!DOCTYPE html> <html lang="en-US"> <head id="Head">     <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><title> Bus Arrival Time </title><meta id="MetaKeywords" name="KEYWORDS" content=",DotNetNuke,DNN" /><meta id="MetaGenerator" name="GENERATOR" content="DotNetNuke " /><meta id="MetaRobots" name="ROBOTS" content="INDEX, FOLLOW" /><link href="/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css?cdv=167" type="text/css" rel="stylesheet"/><link href="/Portals/_default/ie.css?cdv=167" type="text/css" rel="stylesheet"/><link href="/DesktopModules/iBus_Prediction/module.css?cdv=167" type="text/css" rel="stylesheet"/><link href="/Portals/_default/Skins/NewsTwo/skin.css?cdv=167" type="text/css" rel="stylesheet"/><link href="/Portals/_default/Containers/NewsTwo/container.css?cdv=167" type="text/css" rel="stylesheet"/><link href="/Portals/0/portal.css?cdv=167" type="text/css" rel="stylesheet"/><link href="/Resources/Shared/scripts/cms/Leaflet/leaflet.css?cdv=167" type="text/css" rel="stylesheet"/><link href="/Resources/Shared/scripts/cms/Map/L.Search.css?cdv=167" type="text/css" rel="stylesheet"/><link href="/Resources/Shared/scripts/cms/Map/L.Control.Locate.css?cdv=167" type="text/css" rel="stylesheet"/><link href="/Resources/Shared/stylesheets/cms/map.css?cdv=167" type="text/css" rel="stylesheet"/><script src="/Resources/libraries/jQuery/01_09_01/jquery.js?cdv=167" type="text/javascript"></script><script src="/Resources/libraries/jQuery-UI/01_11_03/jquery-ui.js?cdv=167" type="text/javascript"></script><link id="BootstrapCSS" rel="stylesheet" type="text/css" href="/Portals/_default/Skins/NewsTwo/bootstrap/bootstrap.ex.css" /><link id="NewsTwoSkinBase" rel="stylesheet" type="text/css" href="/Portals/_default/Skins/NewsTwo/common/base.css" /><link id="NewsTwoSkinBaseEx" rel="stylesheet" type="text/css" href="/Portals/_default/Skins/NewsTwo/common/base.ex.css" /><link id="NewsTwoSkinCMS" rel="stylesheet" type="text/css" href="/Portals/_default/Skins/NewsTwo/common/cms.css" /><link id="jquery_ui" rel="stylesheet" type="text/css" href="/Resources/Shared/stylesheets/cms/jquery/jquery-ui.css" /><link id="jquery_ui_ex" rel="stylesheet" type="text/css" href="/Resources/Shared/stylesheets/cms/jquery/jquery-ui.ex.css" /><link href="../css/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet" /> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-120855772-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <link rel='SHORTCUT ICON' href='/Portals/0/bus.ico?ver=2016-03-01-150953-520' type='image/x-icon' /><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2" /></head> <body id="Body"> <form method="post" action="/en-us/Prediction" id="Form" enctype="multipart/form-data"> <div class="aspNetHidden"> <input type="hidden" name="StylesheetManager_TSSM" id="StylesheetManager_TSSM" value="" /> <input type="hidden" name="ScriptManager_TSM" id="ScriptManager_TSM" value="" /> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="2olucrzFPRziRy0ua5vis+3cVqSdCJxXVZlUKxzsq6ectvS2oHaxXe95nmzkMOAvS1HzLC9nbaoPFn7MYpsTvqq5wHex3cF/8rZ1YPeI/C4MGmoW/5uOO91Lc4onlYQDBO6LkoWgn9x7OpSe6GcLkrBxRBsU8w9nADqaI6sSuZAxdCvUhqWRlHbRloCBPhbjKeC35h6MdnQEEw2dZQxmFQfq5CuKHsXJkYlA6o+WnJlBLziH0Ls5luOJjknJNkn/v39Hy+STbeLSL0vJM/6/kEnvpkE=" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['Form']; if (!theForm) { theForm = document.Form; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=pynGkmcFUV0hRwBNLpb9KYiWfivpjbyOzjNIptsXPNfbdaELYKbZR7C82X81&t=637814905746327080" type="text/javascript"></script> <script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ScriptManager_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a9ddf364d-d65d-4f01-a69e-8b015049e026%3aea597d4b%3ab25378d2" type="text/javascript"></script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" /> <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="eYR/PLLlJl8bYhTWqChf5N6tS67k+uRyTx+i1MqAiynsFLOLSov+xRt3p6wn6SXwiWwM4iL5qsibHmbkAysrCrM+/MNovQN6btuGptlLGrrCnA8zsGKOjXYecVl6ghHfhZvrXU9wz3nWR6HYNUP1/pjHL1A=" /> </div><script src="/js/dnn.modalpopup.js?cdv=167" type="text/javascript"></script><script src="/js/dnncore.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/common.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/fulltextSearch.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Leaflet/leaflet.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.Resource.en-us.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.Config.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.Constants.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.PopupBase.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.MarkerBase.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.MarkerStop.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.MarkerStopArround.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.PolylineBase.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.LayerGroupBase.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/search/L.GeoSearch.Provider.Google.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.Search.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.Control.Locate.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.MapBase.js?cdv=167" type="text/javascript"></script><script src="/Resources/Shared/scripts/cms/Map/L.RouteMap.js?cdv=167" type="text/javascript"></script><script src="/DesktopModules/iBus_Prediction/Scripts/L.MarkerStopArround.js?cdv=167" type="text/javascript"></script><script src="/DesktopModules/iBus_Prediction/Scripts/prediction.js?cdv=167" type="text/javascript"></script><script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, ''); //]]> </script> <div class="EasyDNNSkin_NewsTwo"> <div class="NewsTwoBackgroundGradient"> <div class="NewsTwoMain"> <div class="header"> <div class="logo"> <a id="dnn_dnnLogo_hypLogo" title="Ho Chi Minh City Department of Transportation<br />Ho Chi Minh City Management Centre of Public Transport (MCPT)" href="http://buyttphcm.com.vn/en-us"><img id="dnn_dnnLogo_imgLogo" src="/Portals/0/Images/logoTT.png?ver=2016-09-23-113150-000" alt="Ho Chi Minh City Department of Transportation<br />Ho Chi Minh City Management Centre of Public Transport (MCPT)" /></a> </div> <div class="portalName"> Ho Chi Minh City Department of Transportation<br />Ho Chi Minh City Management Centre of Public Transport (MCPT) </div> <div class="login-language-social-container"> <div class="language"> <div class="language-object" > <span class="language"><a href="http://buyttphcm.com.vn/Prediction">Ti锚虂ng Vi峄噒 (Vi峄噒 Nam)</a></span><span class="language">|</span><span class="language selected">English (United States)</span> </div> </div> <div class="social-links"> <a href="https://www.facebook.com/BU%C3%9DT-TH%C3%80NH-PH%E1%BB%90-170210696464349/" class="facebook" title="Facebook" target="facebook"><span>Facebook</span></a> </div> </div> <div> </div> <div class="clear"></div> <nav class="navbar navbar-inverse main-menu"> <div class="navbar-header"> <button class="navbar-toggle collapsed" aria-expanded="false" aria-controls="navbar" type="button" data-toggle="collapse" data-target="#navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse" id="navbar" aria-expanded="false" style="height: 1px;"> <ul class="nav navbar-nav"> <li class=""><a href="http://buyttphcm.com.vn/en-us/Home" class="">Home</a></li> <li class=" dropdown"><a href="http://buyttphcm.com.vn/en-us/About" class="dropdown-toggle" data-toggle="dropdown">About Us<b class="caret"></b></a><ul class="dropdown-menu"> <li class=""><a href="http://buyttphcm.com.vn/en-us/About_Us">General Information</a></li> <li class=""><a href="http://buyttphcm.com.vn/en-us/Mandate">Role and Mission</a></li> <li class=""><a href="http://buyttphcm.com.vn/en-us/OrgChart">Organizational Chart</a></li> </ul> </li> <li class=""><a href="http://buyttphcm.com.vn/en-us/Route" class="">Routes</a></li> <li class="active"><a href="http://buyttphcm.com.vn/en-us/Prediction" class="">Bus Arrival Time</a></li> <li class=""><a href="http://buyttphcm.com.vn/en-us/RouteFinding" class="">Way by Bus</a></li> <li class=""><a href="http://buyttphcm.com.vn/en-us/Feedback" class="">Feedback</a></li> </ul> </div>  </nav> </div> <div class="content-top-wraper"> <div id="dnn_ContentTop"><div class="DnnModule DnnModule-iBus_Prediction DnnModule-6618"><a name="6618"></a> <div class="eds_containers_NewsTwo eds_templateGroup_default eds_template_Default"> <h2><span id="dnn_ctr6618_dnnTITLE_titleLabel" class="Head">Bus <span class="highlight">Arrival Time</span></span> </h2> <div id="dnn_ctr6618_ContentPane"><div id="dnn_ctr6618_ModuleContent" class="DNNModuleContent ModiBusPredictionC">                      <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&libraries=places&language=vi&key=AIzaSyD1J1N5WAfHGtMZZyV7yMcC-PaM5JH0nso"></script> <script type="text/javascript" src="Resources/Shared/scripts/cms/Map/L.Resource.en-US.js"></script> <script> var PREDICT_INTERVAL = eval('15000'), PREDICT_TIMEMIN = eval('1'), PREDICT_MAXNEXTSTOP = eval('3'), RES_PREDICT = "View", RES_TOVAR = "To {0}", RES_UPDATED = "Updated!", RES_TIME_COUNTER = "Last updated {0} second(s) ago", RES_NO_DATA = "No data to display.", RES_MINUTE = "min"; $(function () { $("#tabs").tabs({ activate: function (event, ui) { if (ui.newPanel && ui.newPanel.length > 0) { var id = ui.newPanel[0].id; switch (id) { case "tabs-1": break; case "tabs-2": break; case "tabs-3": $("#txtRouId").outerWidth($("#txtVarId").outerWidth()); break; } } } }); $("#tabDetails").tabs(); L.mapBase({ containerId: map_canvas.id, apiURL: API_URL, geoApiURL: GEO_API_URL, autoLoadStop: true, searchCtrl: true, locateCtrl: true }); }); </script> <div id="tabs"> <ul> <li><a href="#tabs-1">By Map</a></li> <li><a href="#tabs-2">By Stop</a></li> <li><a href="#tabs-3">By Route</a></li> </ul> <div id="tabs-1"> <div style="height: 400px;" id="map_canvas"></div> </div> <div id="tabs-2"> <div class="dnnFormItem" style="text-align: center;"> <input type="text" class="clearable" id="txtStopCode" placeholder="<enter code, name or address of a stop>" /> <input type="hidden" name="dnn$ctr6618$View$txtStopCodeValue" id="txtStopCodeValue" /> <input type="hidden" name="dnn$ctr6618$View$hfStopName" id="hfStopName" /> <a href="#" class="cms-button cms-button-small" onclick="return btnShow_Click();"><span class="fa fa-search"></span> View</a> </div> </div> <div id="tabs-3"> <div class="dnnFormItem" style="text-align: center;"> <input type="text" class="clearable" id="txtRouId" placeholder="<enter route code or route name>" /> <input type="hidden" id="txtRouIdValue" /> <div class="cms-space-small"></div> <br /> <select id="txtVarId" onchange="txtVarId_OnChange();" title="<choose a variation from dropdown>"></select> <div class="cms-space-small"></div> <br /> <select id="txtStopId" onchange="txtStopId_OnChange();" title="<choose a stop from dropdown>"></select> <a href="#" class="cms-button cms-button-small" onclick="return btnShow_Click();"><span class="fa fa-search"></span> View</a> </div> </div> </div> <div id="predictToStop" class="cms-highlight predict-stop-name"></div> <div id="tabDetails"> <ul> <li><a href="#tabDetail-1">Time prediction</a></li> <li><a href="#tabDetail-2">Routes</a></li> </ul> <div id="tabDetail-1"> <div id="predictLoading" class="predict-loading fa fa-spinner fa-pulse"></div> <div id="predictTimeAgo" class="predict-time-ago"></div> <br /> <table class="predict-table"> <thead> <tr> <th class="col-50">Route/Variation</th> <th class="col-25 col-right-align">Nearest Bus</th> <th class="col-25 col-right-align">Next Bus</th> </tr> </thead> <tbody id="divResult"> <tr> <td colspan="3"></td> </tr> </tbody> </table> </div> <div id="tabDetail-2"> <table class="predict-table"> <thead> <tr> <th>Route code/Route name</th> </tr> </thead> <tbody id="divRoute"> <tr> <td></td> </tr> </tbody> </table> </div> </div> </div></div> </div> </div></div> </div> <div class="NewsTwoContent"> <div class="EDS_panes-holder"> <div id="dnn_ContentPane" class="EDS_two-column-content DNNEmptyPane"></div> <div id="dnn_SidebarRight" class="EDS_two-column-sidebar DNNEmptyPane"></div> <div class="clear"></div> </div> <div id="dnn_BottomContent" class="EDS_bottom-content-pane DNNEmptyPane"></div> <div class="clear"></div> <div class="EDS_panes-holder-invert"> <div id="dnn_SidebarLeft" class="EDS_two-column-sidebar DNNEmptyPane"></div> <div id="dnn_ContentPaneRight" class="EDS_two-column-content DNNEmptyPane"></div> <div class="clear"></div> </div> <div id="dnn_BottomContent2" class="EDS_bottom-content-pane DNNEmptyPane"></div> <div class="clear"></div> </div> <div class="content-bottom-wraper"> <div id="dnn_ContentBottom" class="DNNEmptyPane"></div> </div> <div class="NewsTwoBottom"> <div class="bottom-wraper"> <div id="dnn_FooterBox1" class="box DNNEmptyPane"></div> <div id="dnn_FooterBox2" class="box DNNEmptyPane"></div> <div class="clear768"></div> <div id="dnn_FooterBox3" class="box DNNEmptyPane"></div> <div id="dnn_FooterBox4" class="box DNNEmptyPane"></div> <div class="clear"></div> <div class="copyright"> <span id="dnn_dnnCopyright_lblCopyright" class="SkinObject">Copyright 漏 Ho Chi Minh city Management Centre of Public Transport (MCPT) </span> <br /> <span> Designed and Powered by <a href='http://www.fis.com.vn/en' target='fis'>FPT Information System</a> </span> </div> <div class="clear"></div> </div> </div> </div> </div> </div>    <script type="text/javascript" lang="ja"> var API_URL = 'http://apicms.ebms.vn', GEO_API_URL = 'http://api.thongtingiaothong.vn/v1', CUR_CULTURE = 'en-us', DATA_STOPS, DATA_ROUTES; CUR_CULTURE = (CUR_CULTURE == 'vi-vn' ? '' : CUR_CULTURE); function redirectTo(url) { if (url) { url = "/{0}/{1}".format(CUR_CULTURE, url).replace(new RegExp('//', 'gi'), '/'); window.location.replace(url); } } function tog(v) { return v ? 'addClass' : 'removeClass'; } $(document).on('input', '.clearable', function () { $(this)[tog(this.value)]('x'); }).on('mousemove', '.x', function (e) { $(this)[tog(this.offsetWidth - 18 < e.clientX - this.getBoundingClientRect().left)]('onX'); }).on('touchstart click', '.onX', function (ev) { ev.preventDefault(); $(this).removeClass('x onX').val('').change(); }); $(window).ready(function () { $('.language .language-object span').each(function () { var me = $(this), html = me.html(); html = html.replace("(Vi峄噒 Nam)", ""); html = html.replace("(United States)", ""); me.html(html); }); }); </script> <input name="ScrollTop" type="hidden" id="ScrollTop" /> <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" /> <script src="/Portals/_default/Skins/NewsTwo/bootstrap/bootstrap.min.js?cdv=167" type="text/javascript"></script> </form>  </body> </html>

CINXE.COM

Bus Arrival Time