Logo CEWEB.br Logo NIC.br Logo CGI.br
Home Sobre o projeto

Sites Pertecentes a (o) SP

Endereço Nota Erros Avisos

www.metro.sp.gov.br/en/your-trip/where-are-you-going/

79.37 27 178
Recomendações Avaliadas
1.1 Respeitar os Padrões Web.

Recomendações

Número Descrição Quantidade Linhas Código Fonte
1.1.3 Presença de CSS(s) in-line 7 292 293 296 307 843 848 1041
1.1.4 Presença de CSS(s) interno 3 18 71 864
1.1.6 Presença de javascript(s) interno 4 59 121 411 919
1.1.8 Não foram respeitados os Padrões Web CSS 82 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
292 <![CDATA[<div id="faixaGoverno" style="border:1px solid black; margin: 2px auto; margin-botton:1px; justify-content: center; width:990px; height:55px !important; vertical-align:baseline;"> <iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe> </div>]]>
293 <![CDATA[<iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe>]]>
296 <![CDATA[<div id="topo_bgHeader" style="width:100%;float:left;background:url(&#39;/images/banners/en/your-trip.jpg&#39;) no-repeat center 0px;"> <div id="header"> <div id="faixaMenuTop"> <link rel="Stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" /> <div id="menuTop"> <div id="guardaMenuTop"> <div id="logoMetro"> <a href="/en/your-trip/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="float:rigth"> <ul> <li><a href="/index.aspx"><img src="/images/portugues.png" alt="Portuguese" title="Portuguese" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt=Accessibility" title="Accessibility"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/en/contact-us/index.aspx">Contact Us</a></li> <!-- <li><a href="/en/contact-us/index.aspx">Ombudsman</a></li>--> </ul> </div> <br class="clear" /> </div> </div> </div> <div id="menuSite"> <div class="floatLeft"><img src="/images/borda-esquerda-menu.gif" alt="" /></div> <ul> <li class="metro"> <a href="/en/metro/index.aspx" title="The Company"> <img src="/images/borda-esqueda-over-menu.gif" alt="The Company" /> <span>The Company</span> <img src="/images/borda-direita-over-menu.gif" alt="The Company" /> </a> </li> <li class="your-trip"> <a href="/en/your-trip/index.aspx" title="Your Trip"> <img src="/images/borda-esqueda-over-menu.gif" alt="Your Trip" /> <span>Your Trip</span> <img src="/images/borda-direita-over-menu.gif" alt="Your Trip" /> </a> </li> <li class="culture-recreation"> <a href="/en/culture/index.aspx" title="Culture"> <img src="/images/borda-esqueda-over-menu.gif" alt="Culture" /> <span>Culture</span> <img src="/images/borda-direita-over-menu.gif" alt="Culture" /> </a> </li> <!--li class="technology"> <a href="/en/technology/construction/index.aspx" title="Technology"> <img src="/images/borda-esqueda-over-menu.gif" alt="Technology" /> <span>Technology</span> <img src="/images/borda-direita-over-menu.gif" alt="Technology" /> </a> </li--> <li id="ultimaLiMenuSite" class="contact-us"> <a href="/en/contact-us/index.aspx" title="Contact Us"> <img src="/images/borda-esqueda-over-menu.gif" alt="Contact Us" /> <span>Contact Us</span> <img src="/images/borda-direita-over-menu.gif" alt="Contact Us" /> </a> </li> </ul> <div id="busca"> <!--<div id="search"> <div id="cse-search-form"></div> <script src="http://www.google.com.br/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('search', '1', { language: 'en' }); google.setOnLoadCallback(function () { var customSearchControl = new google.search.CustomSearchControl('009686020359282821251:pn-o2mrcuem'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); var options = new google.search.DrawOptions(); options.setAutoComplete(true); options.enableSearchboxOnly("/en/search/index.aspx"); customSearchControl.draw('cse-search-form', options); $("input.gsc-input").val('Search'); $("input.gsc-search-button").val(''); $("input.gsc-input").focus(function () { if ($(this).val() == 'Search') { $(this).val(''); } }); $("input.gsc-input").blur(function () { if ($(this).val() == '') { $(this).val('Search'); } }); }, true); </script> </div>--> </div> <div class="floatRight"><img src="/images/borda-direita-menu.gif" alt="" /></div> </div> <br class="clear" /> </div> </div>]]>
307 <![CDATA[<div id="compartilheTop2" style="float:rigth"> <ul> <li><a href="/index.aspx"><img src="/images/portugues.png" alt="Portuguese" title="Portuguese" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt=Accessibility" title="Accessibility"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div>]]>
843 <![CDATA[<div id="boxBackGroundBg" style="z-index: 10; position: fixed; filter: Alpha(Opacity=40); WIDTH: 100%; display: none; background: #000000; height: 100%; visibility: visible; top: 0px; left: 0px; opacity: 0.4;"></div>]]>
848 <![CDATA[<div id="TituloDiretoNoMetro" style="background:url('/images/destaque-diretometro-1.gif') no-repeat 0px 0px transparent;"> <span id="dataLinha" class="linhaStatus"></span> <br class="clear" /> <span class="linhaStatus" id="nomeLinha"></span> <span class="linhaStatus"><img id="imgStatus" height="17px" src="/images/home/normal.gif"></span> <span class="linhaStatus" id="msgStatus"></span> </div>]]>
1041 <![CDATA[<img style="margin-top: 30px;" src="/images/logo-horizontal.png" alt="GOVERNO DO ESTADO DE SÃO PAULO" />]]>
18 <![CDATA[<style> #compartilheTop2{ color:#e3e3e3; font-size:22px; } #compartilheTop2 li{ color:#e3e3e3; } #compartilheTop2 i{ color:#e3e3e3; } #compartilheTop2 li i{ color:#e3e3e3; } </style>]]>
71 <![CDATA[<style type="text/css"> #conteudoPagina{position:relative;padding-top:10px;} #linksSup{position:absolute;top:-18px;right:20px;} #linksSup li{float:left;} #linksSup li img{float:left;} #buscaMapa{ display:none; } #buscaEstacao, #buscaEstacao .rowElem{float:left;width:584px;} #buscaEstacao{padding-top:20px;} #buscaEstacao .rowElem{padding-bottom:20px;} #buscaEstacao .rowElem .guardaCombo{float:left;padding-left:15px;width:485px;} #buscaEstacao .rowElem .guardaCombo label{float:left;padding-bottom:3px;} #buscaEstacao .rowElem#btnEnviar{float:left;text-align:right;} .ui-autocomplete{padding:10px 0px 10px 10px;height:140px;overflow:auto;width:473px;background:#f4f4f4;} .ui-autocomplete li{padding:8px 0px 8px 0px;border-bottom:1px solid #d4d4d4;width:450px;} .ui-autocomplete li a:hover{text-decoration:none;cursor:pointer;} .ui-autocomplete.maior{height:150px;overflow:auto;} .ui-button { background:url('images/para-onde-voce-vai/combo-box.gif') no-repeat 0px 0px; width:33px; height:37px; padding:0px; } .ui-button-icon-only .ui-button-text { padding: 0.35em; } .ui-autocomplete-input { margin:0; width:442px; line-height:35px; height:37px; background:url('images/para-onde-voce-vai/caixa-de-texto.gif') no-repeat -12px 0px;padding-left:10px; } .linha1{color:#285083;} .linha2{color:#006d58;} .linha3{color:#de3e32;} .linha4{color:#ffc80c;} .linha5{color:#8c3583;} .linha7{color:#9f1866;} .linha8{color:#9e9e94;} .linha9{color:#00a88e;} .linha10{color:#007d8e;} .linha11{color:#f04e23;} .linha12{color:#083f88;} .linha15{color:#8f8f8c;} </style>]]>
864 <![CDATA[<style> #translationTrip{ float:left; margin-top:10px;padding-top:10px;border-top: 1px solid #e4e4e4;} #translationTrip span{padding-bottom:10px;float: left;} #translationTrip span strong{font-size: 11px!important;} #translationTrip ul {float: left;width: 100%;} #translationTrip ul li{ float:left; font-size:10px!important; padding-bottom:5px;} </style>]]>
59 <![CDATA[<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-145274-3']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>]]>
121 <![CDATA[<script type="text/javascript"> $(function () { var linha, estacao, estacaoLinha, nomeClasse; $.ajax({ type: "GET", url: "/app/trajeto/xt/estacoesTipoXML.asp", dataType: "xml", success: function (xml) { $(xml).find("estacoes").each(function () { $(this).find('estacao').each(function () { linha = $(this).attr("tipo") + " - Linha " + $(this).attr("linha"); var codigoLinha = 0; codigoLinha = $(this).attr("linha").split('-')[0]; nomeClasse = "linha" + codigoLinha; var estacaoId = $(this).attr("estacaoId"); estacaoLinha = $(this).attr("nome") + " <span class='" + nomeClasse + "'>(" + linha + ")</span>"; estacao = $(this).attr("nome"); $("#embarque")[0].options[$("#embarque")[0].options.length] = new Option(estacaoLinha, estacaoId); $("#desembarque")[0].options[$("#desembarque")[0].options.length] = new Option(estacaoLinha, estacaoId); }); }); } }); }); (function ($) { $.widget("ui.combobox", { _create: function () { var self = this, select = this.element.hide(), selected = select.children(":selected"), value = selected.val() ? selected.text() : ""; var input = this.input = $("<input>") .insertAfter(select) .val(value) .autocomplete({ delay: 0, minLength: 0, source: function (request, response) { var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i"); response(select.children("option").map(function () { var text = $(this).text(); if (this.value && (!request.term || matcher.test(text))) return { label: text.replace( new RegExp( "(?![^&;]+;)(?!<[^<>]*)(" + $.ui.autocomplete.escapeRegex(request.term) + ")(?![^<>]*>)(?![^&;]+;)", "gi" ), "<strong>$1</strong>"), value: text.replace(/<[^>]*>/g, ""), option: this }; })); }, select: function (event, ui) { ui.item.option.selected = true; self._trigger("selected", event, { item: ui.item.option }); }, change: function (event, ui) { if (!ui.item) { var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex($(this).val()) + "$", "i"), valid = false; select.children("option").each(function () { if ($(this).text().match(matcher)) { this.selected = valid = true; return false; } }); if (!valid) { $(this).val(""); select.val(""); input.data("autocomplete").term = ""; //alert("XML"+select.children(":selected").val()+"-"+selected.text()); return false; } } } }) .addClass("ui-widget ui-widget-content ui-corner-left"); input.data("autocomplete")._renderItem = function (ul, item) { return $("<li></li>") .data("item.autocomplete", item) .append("<a>" + item.label + "</a>") .appendTo(ul); }; this.button = $("<button type='button'> ;</button>") .attr("tabIndex", -1) .attr("title", "Todas as estações") .insertAfter(input) .button({ icons: { primary: "ui-icon-triangle-1-s" }, text: false }) .removeClass("ui-corner-all") .addClass("ui-corner-right ui-button-icon") .click(function () { if (input.autocomplete("widget").is(":visible")) { input.autocomplete("close"); return; } $(this).blur(); input.autocomplete("search", ""); input.focus(); }); }, destroy: function () { this.input.remove(); this.button.remove(); this.element.show(); $.Widget.prototype.destroy.call(this); } }); })(jQuery); $(function () { $("#embarque, #desembarque").combobox(); $("#toggle").click(function () { $("#embarque, #desembarque").toggle(); }); }); function enviar() { var origemId = $("#embarque").val(); var destinoId = $("#desembarque").val(); if (destinoId != "0" && origemId != "0") { if (origemId == destinoId) { alert("The place of landing must be different from the place of embarkation"); } else { document.location.href = "trajeto.aspx?origemId=" + origemId + "&destinoId=" + destinoId; } } else { alert("Selecione os locais de embarque e desembarque"); } } function exibeMapa() { $("#buscaMapa").toggle(); } </script>]]>
411 <![CDATA[<script type="text/javascript"> $(function () { $("#utilidades_SiteMapPath span:first").css("display", "none"); }); </script>]]>
919 <![CDATA[<script type="text/javascript"> $(function () { var linha, estacao, estacaoLinha, xmlEstacao; var caminhoXml = '/app/trajeto/xt/estacoesTipoXML.asp'; $.ajax({ type: "GET", url: caminhoXml, dataType: "xml", success: function (xml) { $(xml).find("estacoes").each(function () { $(this).find("estacao").each(function () { linha = $(this).attr("tipo") + " - Linha " + $(this).attr("linha"); estacao = $(this).attr("nome"); estacaoId = $(this).attr("estacaoId"); xmlEstacao = this; $("#selectEmbarque")[0].options[$("#selectEmbarque")[0].options.length] = new Option(estacao + ' (' + linha + ')', estacaoId); $("#selectDesembarque")[0].options[$("#selectDesembarque")[0].options.length] = new Option(estacao + ' (' + linha + ')', estacaoId); }); }); $("#selectEmbarque").change(function () { estacaoLinha = $(this).val(); if (estacaoLinha != 0) { $(xml).find("linha").each(function () { $(this).find("estacao").each(function () { xmlEstacao = this; if (estacaoLinha == $(xmlEstacao).attr('estacaoId')) { selecionado(); } }); }); } }); $("#selectDesembarque").change(function () { estacaoLinha = $(this).val(); if (estacaoLinha != 0) { $(xml).find("linha").each(function () { $(this).find("estacao").each(function () { xmlEstacao = this; if (estacaoLinha == $(xmlEstacao).attr('estacaoId')) { selecionado(); } }); }); } }); } }); }); var alertaDisparado = false; function selecionado() { var embarque = document.getElementById('selectEmbarque'); var desembarque = document.getElementById('selectDesembarque'); if (desembarque.value != "0" && embarque.value != "0") { if (desembarque.value == embarque.value) { if (!alertaDisparado) { alert("The place of Arrival must be different from the place of boarding"); alertaDisparado = true; } else { alertaDisparado = false; } } else { window.location.href = "/en/your-trip/where-are-you-going/trajeto.aspx?origemId=" + embarque.value + "&destinoId=" + desembarque.value; } } } var slDesembarque = document.getElementById('selectDesembarque'); var slEmbarque = document.getElementById('selectEmbarque'); if (window.addEventListener) { slDesembarque.addEventListener('change', selecionado, false); slEmbarque.addEventListener('change', selecionado, false); } else { slDesembarque.attachEvent('onchange', selecionado); slEmbarque.attachEvent('onchange', selecionado); } </script>]]>
0 Não há código fonte a ser exibido.