1

Eu quero criar uma forma para abrir esta pagina da SpTrans em um app, porém sem carregar todo o layout deles, apenas os campos: LOGIN, SENHA e CADASTRE-SE, utilizando apenas HTML e JQUERY.

Os elementos que preciso são esses:

<input type="text" id="vUSRLOGA" name="vUSRLOGA" value="" size="20" maxlength="20" class="Atributo_LOV" style=";height: 1row;text-align:left" onfocus="gx.evt.onfocus(this, 21,'',false,'',0)" onchange="gx.evt.onchange(this)" onblur="this.value=this.value.toUpperCase();;gx.evt.onblur(21);">

<input type="password" id="vUSRSEN" name="vUSRSEN" value="" maxlength="32" class="Atributo_LOV" style=";width: 128px;;height: 1row;text-align:left" onfocus="gx.evt.onfocus(this, 23,'',false,'',0)" onchange="gx.evt.onchange(this)" onblur="this.value=this.value.toUpperCase();;gx.evt.onblur(23);">

<input type="image" src="Resources/cadastrese.gif" name="BTCADASTRO1" onclick="if( gx.evt.jsEvent(this)) {gx.evt.execEvt('E\'CADASTRO\'.',this);return false;} else return false;" id="BTCADASTRO1" title="Efetuar Novo Cadastro" class="Image" onfocus="gx.evt.onfocus(this, 47,'',false,'',0)">

Ja tentei dessa forma, buscando pelo ID do elemento

$.ajax({
    url: 'http://www.sptrans.com.br/sac/solicitacoes.aspx',
    type: 'GET',
    success: function(res) {
        var headline = $(res.responseText).find('vUSRLOGA'); 
        $("#conteudo").html(headline);
    }
}); 

e assim buscando a pagina toda.

$.ajax({
            url: 'http://www.sptrans.com.br/sac/solicitacoes.aspx',
            type: 'GET',
            success: function(res) {
                var headline = $(res.responseText).text();
                $("#conteudo").html(headline);
            }
        })

porém em nenhum deles traz os campos, apenas os textos da pagina.

O que quero seria armazenar o site em uma variavel e apresentar para o usuário, apenas os campos de login, senha e cadastre-se.

Porém não sei fazer isso, alguém sabe? sem utilizar outras linguagens, apenas Jquery.

<!DOCTYPE HTML>
<html lang="pt-br">

<head>
<!-- Scripts Javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://projetos.lucaspeperaio.com.br/ajax-cross-domain/jquery.xdomainajax.js"></script>

<script type="text/javascript">
/*$.ajax({
            url: 'http://www.sptrans.com.br/sac/solicitacoes.aspx',
            type: 'GET',
            success: function(res) {
                var headline = $(res.responseText).text();
                $("#conteudo").html(headline);
            }
        });*/

        $.ajax({
    url: 'http://www.sptrans.com.br/sac/solicitacoes.aspx',
    type: 'GET',
    success: function(res) {
        var headline = $(res.responseText).find('vUSRLOGA'); 
        $("#conteudo").html(headline);
    }
}); 

</script>


<title>Teste</title>
<body>




    <div id="conteudo" style="background:#EEF0A6"></div>


</body>
</html>

Imagem

1
  • Um Iframe resolveria ? Commented 16/07/2015 às 20:55

1 Resposta 1

1

Não sei se é o caso, mas eu tenho um IFRAME que tem essa mesma idéia:

conforme abaixo, tenho uma tela que é de outro site, utilizei o iframe que abre o site no link portal do conhecimento, então ai dentro tudo é do domínio do outro site

inserir a descrição da imagem aqui

Abaixo o site official inserir a descrição da imagem aqui

Segue código fonte exemplo:

<style>
    #fieldsetFazenda {
        display: none;
        left: 1360px;
        position: relative;
        top: -679px;
        width: 500px;
    }
    #chave {
        background: #eeeeee none repeat scroll 0 0;
        font: bold 15pt Arial;
        height: 240px;
        position: absolute;
        text-align: center;
        width: 770px;
    }
    #div-fazenda {
        overflow: hidden;
    }
    
#fazenda {
    border: 1px none;
    height: 1360px;
    margin-top: 10px;
    overflow: hidden;
    width: 768px;
}
</style>
        <legend class="ui-widget ui-widget-header ui-corner-all">Conhecimento Eletronico</legend>          
        <div id="chave">
            <p id="palavra-chave">Chave de Acesso para a consulta:</p>
            <strong id="chaveAcesso" class="auto">0000000000000000000000000000000000</strong>
        </div>
        <div id="div-fazenda">
            <iframe id="fazenda" src="http://www.cte.fazenda.gov.br/consulta.aspx?tipoConsulta=completa&amp;tipoConteudo=mCK/KoCqru0="></iframe>    
        </div> 

3
  • Você tem um modelo para me passar? Vou testar aqui, mas ele excluir todo o restante do Layout e apresenta apenas a parte que lhe interessa? Commented 17/07/2015 às 13:33
  • Editei a resposta e coloquei um exemplo do Iframe Commented 17/07/2015 às 18:33
  • Obrigado, não era bem isso que Eu precisava, mas vou guardar este exemplo para futuras consultas...Acho que o que Eu quero fazer é mais difícil do que pensei rs Commented 17/07/2015 às 18:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .