none
Como eu recupero o Id da minha pagina em outro campo ? RRS feed

  • Pergunta

  • Como eu recupero o id da minha pagina o qual eu gerei o codigo fonte pelo Chrome e apareceu o código abaixo:

     <tr><td colspan=3 class='itemTableSummaryRule'>&nbsp;</td></tr>
                <tr><td align=left><b>Preço total: </b></td>
                    <td align=center> </td>
                    <td align=right><b><nobr>R$ 284,00</nobr></b></td>
                    <td align=right><b><nobr><span id="StepArea_otSingleShipment_OrderTotal">R$ 284,00</span></nobr></b></td></tr>
    

    Eu preciso recuperar o Id  id="StepArea_otSingleShipment_OrderTotal e colocar ele no meu label

    segunda-feira, 13 de fevereiro de 2017 14:03

Respostas

  • Você pode usar o JavaScript para isso.

    Tenta isso:

    <script>
    //caso queira manipular o valor guardar em variavel.
    var valor = document.getElementById('StepArea_otSingleShipment_OrderTota').innerHTML;
    
    document.getElementById('id_da_label').innerHTML = valor;
    
    </script>

    Caso deseje tirar os 'R$' para colocar no label...

    <script>
    //caso queira manipular o valor guardar em variavel.
    var valor = document.getElementById('StepArea_otSingleShipment_OrderTota').innerHTML;
    
    //substituir o 'R$' por vazio "".
    valor.replace('R$', '');
    
    // adiciona ao label o valor do ID StepArea_otSingleShipment_OrderTota
    document.getElementById('id_da_label').innerHTML = valor;
    
    </script>

    segunda-feira, 13 de fevereiro de 2017 14:32

Todas as Respostas

  • Você pode usar o JavaScript para isso.

    Tenta isso:

    <script>
    //caso queira manipular o valor guardar em variavel.
    var valor = document.getElementById('StepArea_otSingleShipment_OrderTota').innerHTML;
    
    document.getElementById('id_da_label').innerHTML = valor;
    
    </script>

    Caso deseje tirar os 'R$' para colocar no label...

    <script>
    //caso queira manipular o valor guardar em variavel.
    var valor = document.getElementById('StepArea_otSingleShipment_OrderTota').innerHTML;
    
    //substituir o 'R$' por vazio "".
    valor.replace('R$', '');
    
    // adiciona ao label o valor do ID StepArea_otSingleShipment_OrderTota
    document.getElementById('id_da_label').innerHTML = valor;
    
    </script>

    segunda-feira, 13 de fevereiro de 2017 14:32
  • Gabriel

    Coloquei da forma que você postou acima porem o meu label fica em branco.

    Segue meu código completo:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8" />
            <title>Código de exemplo do botão Comprar Agora</title>
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
            <script type="text/javascript">    
                jQuery(document).ready(function(){
                    //Pegamos o formulário do botão
                    var wpsBn = jQuery('#wps-bn');
     
                    //Interceptamos o clique no botão
                    wpsBn.click(function(e){
                        //Evitamos o comportamento padrão, de submeter o formulário
                        e.preventDefault();
     
                        //Mostramos a mensagem de redirecionamento
                        jQuery('<div class="sa_payPal_overlay" style="visibility:visible;; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=\'#88ffffff\', EndColorStr=\'#88ffffff\'); background: rgba(255,255,255,0.8); top:0; left:0; z-index: 999999;"><div style=" background: #FFF; background-image: linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -o-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -moz-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -webkit-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -ms-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -webkit-gradient(linear, left top,left bottom,color-stop(0.45, #FFFFFF),color-stop(0.8, #E9ECEF));display: block;margin: auto;; margin-left:-220px; left:45%;top: 40%;text-align: center;color: #2F6395;font-family: Arial;padding: 15px;font-size: 15px;font-weight: bold;width: 530px;-webkit-box-shadow: 3px 2px 13px rgba(50, 50, 49, 0.25);box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 5px;border: 1px solid #CFCFCF;border-radius: 6px;"><img style="display:block;margin:0 auto 10px" src="https://www.paypalobjects.com/en_US/i/icon/icon_animated_prog_dkgy_42wx42h.gif"><h2>Aguarde alguns segundos.</h2> <p style="font-size:13px; color: #003171; font-weight:400">Você está sendo redirecionado para um ambiente seguro do PayPal<br /> para finalizar seu pagamento.</p><div style="margin:30px auto 0;"><img src="https://www.paypal-brasil.com.br/logocenter/util/img/logo_paypal.png"/></div></div></div>').appendTo('body');
     
                        //Submetemos o formulário após a exibição da mensagem
                        wpsBn.submit();
                    });
                });
            </script>
            <script>
                //caso queira manipular o valor guardar em variavel.
                var valor = document.getElementById('StepArea_otSingleShipment_OrderTota').innerHTML;
    
                //substituir o 'R$' por vazio "".
                valor.replace('R$', '');
    
                // adiciona ao label o valor do ID StepArea_otSingleShipment_OrderTota
                document.getElementById('id_da_label').innerHTML = valor;
    
            </script>
        </head>
        <body>
             <form target="_blank" id="wps-bn" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post">
                 <!--Tipo do botão-->
                 <input id="Totallbl" type="text" />
                 <input type="hidden" name="cmd" value="_xclick" />
     
                 <!--Vendedor e URL de retorno, cancelamento e notificação-->
                 <input type="hidden" name="business" value="paypal@artsim.com.br" />
                 <input type="hidden" name="return" value="http://loja.com.br/retorno" />
                 <input type="hidden" name="cancel" value="http://loja.com.br/cancelamento" />
                 <input type="hidden" name="notify_url" value="http://loja.com.br/notificacao" />
     
                 <!--Internacionalização e localização da página de pagamento-->
                 <input type="hidden" name="charset" value="utf-8" />
                 <input type="hidden" name="lc" value="BR" />
                 <input type="hidden" name="country_code" value="BR" />
                 <input type="hidden" name="currency_code" value="BRL" />
     
                 <!--Informações sobre o produto e seu valor-->
                 <input type="hidden" name="amount" value="<%= valor %>" />
                 <input type="hidden" name="item_name" value="Servico" />
                 <input type="hidden" name="quantity" value="1" />
     
                <!--Botão para submissão do formulário-->
                <input type="image" src="https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_buynowCC_LG.gif" />
            </form>
        </body>
    </html>
    

    segunda-feira, 13 de fevereiro de 2017 16:29
  • Bom dia,

    Conseguiu resolver este problema?

    Atenciosamente,


    Robson William Silva

    Esse conteúdo é fornecido sem garantias de qualquer tipo, seja expressa ou implícita

    MSDN Community Support

    Por favor, lembre-se de Marcar como Resposta as postagens que resolveram o seu problema. Essa é uma maneira comum de reconhecer aqueles que o ajudaram e fazer com que seja mais fácil para os outros visitantes encontrarem a resolução mais tarde.

    quinta-feira, 16 de fevereiro de 2017 12:10
    Moderador
  • Bom dia,

    Devido a falta de interação do autor dessa pergunta,

    essa thread está sendo fechada. Caso o problema ainda

    esteja ocorrendo, favor abrir uma nova thread.

    Atenciosamente,


    Robson William Silva

    Esse conteúdo é fornecido sem garantias de qualquer tipo, seja expressa ou implícita

    MSDN Community Support

    Por favor, lembre-se de Marcar como Resposta as postagens que resolveram o seu problema. Essa é uma maneira comum de reconhecer aqueles que o ajudaram e fazer com que seja mais fácil para os outros visitantes encontrarem a resolução mais tarde.

    segunda-feira, 20 de fevereiro de 2017 12:37
    Moderador