Como colocar AJAX nesse página?

flaviomf · Setembro 27, 2014

Olá, tudo bom? Eu gostaria de colocar AJAX em uma página que não é minha, para ficar atualizando sem da refresh automaticamente a cada certos segundos:

Código:

<html><head>

<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script type="text/javascript">jsonDomain = 'https://app.contplay.com';appVersion = '1.55.11';gaToken = 'UA-39033491-3';_gaq = [];_gaq.push(['_setAccount', gaToken]);_gaq.push(['_trackPageview']);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);fbAppId ='441044735940116';fbScope = 'email,user_birthday,user_location';</script>

<meta http-equiv="X-UA-Compatible" content="IE=9,8">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Contplay</title>

<link href='products/product-detail.css?_v=1.55.11' type="text/css" rel="stylesheet">

<link href="bootstrap-warning.css?_v=1.55.11" type="text/css" rel="stylesheet">

<link href="main.css?_v=1.55.11" type="text/css" rel="stylesheet">

<link href="bootstrap-warning.css?_v=1.55.11" type="text/css" rel="stylesheet">





<script type="text/javascript" src="js/ad.js?adType=banner"></script><style type="text/css"></style>

<script type="text/javascript" src="holy/lib/jquery.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="holy/lib/jquery.cookie.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="js/jquery.ba-bbq.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="js/jquery.placeholder.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="holy/lib/jquery.holycomponents.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="holy/lib/jquery.ba-hashchange.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="holy/lib/jquery.loadtext.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="holy/lib/jquery.ajaxmodulator.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="holy/lib/jquery.holyavenger.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="js/doT.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="js/jquery.holyavenger.dot.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="holy/lib/jquery.xml.min.js?_v=1.55.11"></script>

<script type="text/javascript" src="holy/third/jquery.meio.mask.js?_v=1.55.11"></script>

<script type="text/javascript" src="js/bundles.js?_v=1.55.11"></script>

<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?_v=1.55.11"></script>

<script src="scripts/product-detail.html.js?_v=1.55.11" type="text/javascript"></script>

<script type="text/javascript">

a4c.productsDetail.init();

$(document).ready(function() {

a4c.footer();

});

</script>

<script type="text/javascript" src="//ads.panoramtech.net/loader.js?client=topaz0001"></script></head>

<body class="products-list">

<div id="fb-root"></div>

<div class="container">

<div class="hd">

<div class="hd-top section-center">

<a href="home.html" class="hd-logo">Contplay</a>



<div class="hd-login"><div class="hd-logged"><div class="hd-user-img"><a href="profile.html#337428"><img src="images/userphoto-placeholder.png"></a></div><div class="hd-info"><p class="hd-hello">Olá <a href="profile.html#337428" class="user-name">Pedro Tomaz De Oliveira</a>, você possui <span class="hd-st-key">992 </span><span class="hd-st-val"><span id="user-points-logged" class="user-points"> pts<input type="hidden" id="opt-user-points-logged-hide" value=" pts"></span></span></p></div><a href="javascript:void(0);" class="hd-bt bt-logout">Sair</a><div class="language-selector"><a href="javascript:void(0)" class="language-option pt">PORT</a><a href="javascript:void(0)" class="language-option en">ENG</a></div></div></div>

</div>

<div class="menu" id="your-account"><div class="section-center"><div class="menu-left"><ul class="pnv"><li class="pnv-home first-item"><a href="home.html"><span>Home</span></a></li><li class="pnv-item"><a href="carousel.html">Comerciais</a></li><li class="pnv-item"><a id="tstProductsList" href="products.html">Trocar pontos</a></li><li class="pnv-item"><a href="interests.html">Interesses<span class="drop-down-arrow"></span></a><ul class="submenu"><li class="first-submenu-item"><a href="playground-marcas.html"><span style="text-align: center;">Marcas</span></a></li></ul></li><li class="pnv-item"><a href="friends.html">Amigos<span class="drop-down-arrow"></span></a><ul class="submenu"><li class="first-submenu-item"><a href="invite-friends.html"><span style="text-align: center;">Convidar Amigos</span></a></li></ul></li><li class="pnv-item pnv-item-blog"><a href="http://blog.contplay.com" target="_blank">Blog</a></li><li class="pnv-item last-item"><a href="profile.html#337428">Minha Conta<span class="drop-down-arrow"></span></a><ul class="submenu"><li class="first-submenu-item"><a href="watched-advertisements.html"><span>Comerciais Assistidos</span></a></li><li><a href="products-purchased.html"><span>Minhas trocas</span></a></li><li><a href="javascript:void(0)" id="linkMyInterestsMenu"><span>Meus interesses</span></a></li><li><a href="balance.html"><span>Meu extrato</span></a></li><li><a href="edit-user.html"><span>Configurações da conta</span></a></li><li><a class="bt-logout" href="javascript:void(0)"><span>Sair</span></a></li></ul></li></ul></div></div></div>

</div>

<div class="content">

<div class="section-center space-top">

<div id="product_detail_top" class="adserver-div"></div>

<div class="page-title" id="pageTitle">

<h1 class="page-tt">Detalhe do Conteúdo</h1>

<p>Você está prestes a trocar seus pontos pelo conteúdo abaixo. Confira os detalhes do conteúdo, verifique seu saldo e faça a troca.</p>

</div>

<div class="product-detail">

<div class="change-product" id="mainWrapper">

<div class="main-column">

<h1 class="product-name block-st">LEVEL UP - R$ 20,00</h1>

<div class="column-left-price-and-desc">

<p class="vbmag-url">LevelUp! Games</p>

<div class="mold-img">

<img src="https://d3buedvfa9o16p.cloudfront.net/psc/images/levelup_20_large.png?_=1410355598074">

</div>

<ul class="product-info">

<li><b>Categoria:</b><span class="product-category-label">Jogos</span></li>

<li><b>Loja: </b>Level UP! Games</li></ul>

<p class="part-of-the-list"></p>

</div>

<div class="column-right-price-and-desc">

<h3 class="number-of-points"><span class="points-value">364</span><span class="points-value-label"> pontos</span></h3>

<p class="product-description"></p>

<div id="principal" style="color: #323232; font-size: 14px; line-height: 25px;">

<p align="justify" style="width:390px; color:#656565; line-height:18px; font-size:13px; margin-bottom:29px; font-weight: bold;"> Sujeito a disponibilidade de estoque. Caso não esteja disponível para troca, tente novamente mais tarde. </p>

<p align="justify" style="width:390px; color:#656565; line-height:18px; font-size:13px; margin-bottom:29px;">Recarregar seus jogos é muito mais rápido e simples no Contplay. Trocando PIN do Level UP você pode usá-los nos jogos abaixo:</p>

<img src="//mirror.contplay.com/psc/images/levelup-items.gif" width="392px" heigth="289px">

<p style="background-image: url(http://d3buedvfa9o16p.cloudfront.net/psc/images/dot.gif); background-repeat: repeat-x; background-position: left top; margin-top:25px; width:390px; height:2px; margin-left:0px; size:1"></p>

<p align="justify" style="width:390px; color:#8dc63f; line-height:18px; font-size:13px; margin-top:21px;">Importante:</p>

<p align="justify" style="width:390px; color:#656565; line-height:18px; font-size:13px;">Essa recarga é feita através de sistema de PIN, logo, ela não é inserida automaticamente. </p>

<p align="justify" style="width:390px; color:#656565; line-height:18px; font-size:13px; overflow:hidden;">Após finalizar a compra, o Contplay disponibilizará <strong style="color:#8dc63f;">no comprovante o código PIN que deverá ser usado por você para ativação dos créditos</strong>.</p>

</div>



<p></p>



<div class="screenshots product-carrousel" style="display: none;"><a href="#" class="page-nav page-back">back</a><div class="product-carrousel-wrapper"><div class="product-carrousel-inner"><ul></ul></div></div><a href="#" class="page-nav page-next active">next</a></div>

</div>

</div>

<div class="side-column right-side"><h1 class="box-st header-trocas">Troca de Pontos</h1><div class="change-column-right"><p class="warning">No momento o conteúdo da loja LevelUp! Games está indisponível. Aproveite para acumular pontos e trocá-los por outros produtos no site.</p><div id="productBecameUnavailable" class="hiddenMessage">Oops, parece que esse conteúdo não está mais disponível...</div><div id="insufficientCredits" class="hiddenMessage">Oops, parece que você não tem créditos suficientes...</div><div id="categoryNotSelected" class="hiddenMessage">Por favor escolha uma categoria de interesse</div></div></div><a class="back-product" href="javascript:history.back();"><span class="back-text">Voltar</span></a><div style="clear: both;"></div><div class="confirm-purchase lightbox-container" style="display: none;"><div class="lightbox-block"><div class="lightbox-ct"><div class="lightbox-data"><h3 class="lightbox-tt">Confirmação de Troca de Pontos</h3><p class="lightbox-dc">Ao clicar no botão confirmar abaixo, você dará início ao processo de troca dos seus pontos por Recarga para jogos.</p><div class="lightbox-hint"><span class="thumb"><img src="https://d3buedvfa9o16p.cloudfront.net/psc/images/levelup_20_medium.png?_=1410355598074"></span><div class="detail"><p class="p-title"><strong>LEVEL UP - R$ 20,00 <span class="selectedDeliveryOptionType"></span></strong></p><p class="vbmag-url">LevelUp! Games</p><p><strong>Jogos</strong></p><p><strong><span class="selectedDeliveryOptionPoints">364 pontos</span></strong></p></div><p class="lightbox-msg-wrn"><span class="warning"><span class="attention">Importante:</span> Essa recarga é feita através de sistema de PIN. Logo, ela não é inserida automaticamente. Após finalizar a troca, disponibilizaremos no comprovante o código PIN.</span></p><div style="clear: both;"></div></div><p class="exchange-warning">Uma vez confirmada, a troca não poderá ser cancelada.</p><div class="lightbox-btn"><a class="confirm-link" style="margin-left: 0;" href="javascript:void(0);">Confirmar</a><a class="cancel-link" style="margin-left: 0; font-size:13px !important;" href="javascript:void(0);">Cancelar</a><img src="images/loading.gif" class="loading-purchase" style="display=none;"></div></div><div class="error purchaseQuotaBurst" style="display: none;"><strong class="error">Ops, você já atingiu ao limite de pontos gastos em 7 dias.</strong><div class="lightbox-btn"><a class="close confirm-link" style="margin-left: 0;" href="javascript:void(0);">Ok</a></div></div><div class="error reachedPurchaseLimit" style="display: none;"><strong class="error">Você atingiu o limite de 2 trocas de produtos Level Up!.

Cada Contplayer possui um limite de 2 trocas para produtos Level Up! em um período de 7 dias. Aguarde para fazer novas trocas deste parceiro.</strong><div class="lightbox-btn"><a class="close confirm-link" style="margin-left: 0;" href="javascript:void(0);">Ok</a></div></div><div class="error productLegallyRestricted" style="display: none;"><strong class="error">Este conteúdo possui restrições etárias.</strong><div class="lightbox-btn"><a class="close confirm-link" style="margin-left: 0;" href="javascript:void(0);">Ok</a></div></div><div class="error unexpectedErrorWithTrade" style="display: none;"><strong class="error">Ops, um erro inesperado aconteceu com esta troca.</strong><div class="lightbox-btn"><a class="close confirm-link" style="margin-left: 0;" href="javascript:void(0);">Ok</a></div></div><div class="error invalidCpf" style="display: none;"><strong class="error">O número de CPF informado é inválido ou está sendo utilizado por outro usuário. Por favor, entre em contato com o nosso suporte para maiores informações.</strong><div class="lightbox-btn"><a class="close confirm-link" style="margin-left: 0;" href="javascript:void(0);">Ok</a></div></div><div class="error cpfAlreadyInUse" style="display: none;"><strong class="error">Ops, o número de CPF informado já está sendo utilizado por outro usuário. Por favor, entre em contato com o nosso suporte para maiores informações.</strong><div class="lightbox-btn"><a class="close confirm-link" style="margin-left: 0;" href="javascript:void(0);">Ok</a></div></div><div class="error cpfInvalidOrInUse" style="display: none;"><strong class="error">Para efetuar a troca é necessário que você possua um CPF válido. O CPF informado não corresponde aos dados cadastrados em sua conta no Contplay ou já está sendo utilizado em outra conta. Por favor verifique seus dados <a href="profile.html#337428" style="color: #00a99d;">aqui</a>. Caso tenha alguma dúvida, por favor consulte nossos <a href="terms.html" style="color: #00a99d;">Termos de Uso</a>.</strong><div class="lightbox-btn"><a class="close confirm-link" style="margin-left: 0;" href="javascript:void(0);">Ok</a></div></div></div></div><div class="lightbox-overlay"></div></div></div>

</div>

<div id="product_detail_bottom" class="adserver-div"></div>

</div>

<div class="clear"></div>

</div>

<div class="footer"><div id="fb-root"></div><div class="footer-top-border"></div><div class="footer-top"></div><div class="footer-ct"><div class="section-center"><div class="share-buttons"><iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/pages/Contplay/112058652278989&send=false&layout=button_count&width=450&show_faces=false&font&colorscheme=light&action=like&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:105px; height:21px;" allowtransparency="true"></iframe><a href="http://facebook.com/ContplayBR" target="_blank" class="fb"></a> <a href="http://twitter.com/ContplayBR" target="_blank" class="twitter"></a> <a href="https://plus.google.com/u/0/108303204669747788968/posts" target="_blank" class="googleplus"></a> <a href="http://www.youtube.com/ocontplay" target="_blank" class="youtube"></a> </div><div class="footer-rights"><a href="http://ajuda.contplay.com/hc/pt-br/articles/201539037-Termos-de-uso" class="footer-item">Termos de Uso<span style="font-weight: bold;"> (novo)</span></a><span> |</span><a href="http://ajuda.contplay.com/hc/pt-br/articles/201961088-Pol%C3%ADtica-de-Privacidade-e-Confidencialidade-da-Informa%C3%A7%C3%A3o" class="footer-item">Política de Privacidade<span style="font-weight: bold;"> (novo)</span></a><span> |</span><a href="http://ajuda.contplay.com/" class="footer-item" target="_blank">Ajuda</a><span> |</span><a href="http://ajuda.contplay.com/hc/pt-br/requests/new" class="footer-item" target="_blank">Atendimento</a><span> |</span><a href="mailto:anuncie@contplay.com" class="footer-item">Anuncie no Contplay</a></div><div class="footer-rights"><span>Copyright ©2013 </span><span class="special-word">Contplay</span><span>. Todos os direitos reservados.</span></div></div></div><div class="see-authentication-warning see-confirm-suspended lightbox-block registration" style="display:none;"><a href="javascript:void(0)" class="lightbox-close-button button-close">×</a><table style="border: 0; border-collapse: collapse; margin: 20px auto; vertical-align:none !important" cellpadding="0" cellspacing="0" width="620"> <tbody> <tr> <td align="center" style="vertical-align: middle !important"> <img src="images/icon_39345.png" width="119" height="119" style="padding-left: 20px; padding-right:20px;"> </td> <td style="vertical-align: middle !important"> <p style="color:#6f6f6f; line-height:30px !important"> <strong><span class="name-user"></span>, sua conta está suspensa.</strong> </p><br> <p style="color:#6f6f6f; line-height:16px !important"><strong style="color:#8dc63f;"> <a href="http://ajuda.contplay.com/hc/pt-br/requests/new" target="_blank" style="color:#8dc63f">Envie uma solicitação</a></strong> para que nossa equipe de atendimento análise seu caso.</p><br> <p style="color:#6f6f6f; line-height:16px !important"> Está com dúvida sobre motivos que levam a suspensão? <strong style="color:#8dc63f;"> <a href="http://ajuda.contplay.com/" target="_blank" style="color:#8dc63f">Clique aqui</a></strong> para saber mais. </p> </td> </tr></tbody> </table></div><div class="see-authentication-warning see-confirm-suspended lightbox-overlay" style="display:none;"></div><div class="see-authentication-warning see-confirm-suspended-cpf lightbox-block registration" style="display:none;"><a href="javascript:void(0)" class="lightbox-close-button button-close">×</a><table style="border: 0; border-collapse: collapse; margin: 20px auto; vertical-align:none !important" cellpadding="0" cellspacing="0" width="620"> <tbody> <tr> <td align="center" style="vertical-align: middle !important"> <img src="images/icon_39345.png" width="119" height="119" style="padding-left: 20px; padding-right:20px;"> </td> <td style="vertical-align: middle !important"> <p style="color:#6f6f6f; line-height:30px !important"> <strong><span class="name-user"></span>, sua conta está suspensa.</strong> </p><br> <p style="color:#6f6f6f; line-height:16px !important">Nosso sistema encontrou uma divergência com seu CPF e sua conta foi suspensa.</p><br> <p style="color:#6f6f6f; line-height:16px !important"> <strong style="color:#8dc63f;"> <a href="http://ajuda.contplay.com/hc/pt-br/requests/new" target="_blank" style="color:#8dc63f">Envie uma solicitação</a> </strong> para que nossa equipe de atendimento análise seu caso. </p> </td> </tr></tbody> </table></div><div class="see-authentication-warning see-confirm-suspended-cpf lightbox-overlay" style="display:none;"></div><div class="see-authentication-warning see-confirm-suspended-new-facebook lightbox-block registration" style="display:none;"><a href="javascript:void(0)" class="lightbox-close-button button-close">×</a><table style="border: 0; border-collapse: collapse; margin: 20px auto; vertical-align:none !important" cellpadding="0" cellspacing="0" width="620"> <tbody> <tr> <td align="center" style="vertical-align: middle !important"> <img src="images/icon_11365.png" width="119" height="119" style="padding-left: 20px; padding-right:20px;"> </td> <td style="vertical-align: middle !important"> <p style="color:#6f6f6f; line-height:30px !important"> <strong><span class="name-user"></span>, sua conta ainda não está ativa!</strong> </p><br> <p style="color:#6f6f6f; line-height:16px !important">Nosso sistema detectou que sua conta no Facebook é nova. Precisamos de mais alguns dados para comprovar sua identidade.</p><br> <p style="color:#6f6f6f; line-height:16px !important"> <strong style="color:#8dc63f;"> <a href="http://ajuda.contplay.com/hc/pt-br/requests/new" target="_blank" style="color:#8dc63f">Envie uma solicitação</a> </strong> para que nossa equipe de atendimento possa auxiliar na ativação de sua conta. </p> </td> </tr></tbody> </table></div><div class="see-authentication-warning see-confirm-suspended-new-facebook lightbox-overlay" style="display:none;"></div><div class="see-authentication-warning see-confirm-suspended-mail-bounce lightbox-block registration" style="display:none;"><a href="javascript:void(0)" class="lightbox-close-button button-close">×</a><table style="border: 0; border-collapse: collapse; margin: 20px auto; vertical-align:none !important" cellpadding="0" cellspacing="0" width="620"> <tbody> <tr> <td align="center" style="vertical-align: middle !important"> <img src="images/icon_22341.png" width="119" height="119" style="padding-left: 20px; padding-right:20px;"> </td> <td style="vertical-align: middle !important"> <p style="color:#6f6f6f; line-height:30px !important"> <strong><span class="name-user"></span>, sua conta está suspensa.</strong> </p><br> <p style="color:#6f6f6f; line-height:16px !important">Nosso sistema encontrou uma divergência com seu endereço de e-mail e sua conta foi temporariamente suspensa.</p><br> <p style="color:#6f6f6f; line-height:16px !important"> <strong style="color:#8dc63f;"> <a href="http://ajuda.contplay.com/hc/pt-br/requests/new" target="_blank" style="color:#8dc63f">Envie uma solicitação</a> </strong> para que nossa equipe de atendimento atualize seu cadastro e regularize sua conta. </p> </td> </tr></tbody> </table></div><div class="see-authentication-warning see-confirm-suspended-mail-bounce lightbox-overlay" style="display:none;"></div><div class="see-authentication-warning see-facebook-authentication-failed lightbox-block registration" style="display:none;"><div class="lightbox-ct-msg"><a href="javascript:void(0)" class="lightbox-close button-close">x</a><h3 class="lightbox-tt"> </h3><div class="lightbox-data-msg">Não foi possível autenticá-lo no Facebook. Por favor, tente novamente mais tarde e se o problema persistir abra uma solicitação em: <a href="http://ajuda.contplay.com/hc/pt-br/requests/new" class="lnk-dark-green normal">ajuda.contplay.com</a></div></div></div><div class="see-authentication-warning see-facebook-authentication-failed lightbox-overlay" style="display:none;"></div></div>

</div>

<div class="forgot-password lightbox-container">

<div class="lightbox-block">

<div class="lightbox-ct">

<div class="lightbox-data">

<h3 class="lightbox-tt">Recuperação de senha</h3>

<div class="lightbox-hint">

Digite o e-mail associado a sua conta no campo abaixo para redefinir sua senha

</div>

<span class="error-email-bounce error-msg">E-mail inválido. Por favor, entre em contato com suporte.</span>

<span class="error-email-suspended error-msg">Usuário suspenso. Por favor, entre em contato com suporte.</span>

<span class="error-email-not-found error-msg">E-mail não cadastrado no sistema.</span>

<span class="error-email-not-informed error-msg">Por favor, informe o e-mail da sua conta no Contplay.</span>

<span class="success-reset-token-sent error-msg">Você receberá um e-mail com instruções para a redefinição da sua senha no Contplay.</span>

<p class="email">E-mail: <input type="text"></p>

<div>

<a class="confirm-link" href="#">Redefinir</a>

<a class="cancel-link" href="#">Fechar</a>

</div>

</div>

</div>

</div>

<div class="lightbox-overlay"></div>

</div>

<div class="blocker-warning"><span class="warn-icon"><img src="images/warning-alert.png"></span><div class="warn-message"><span>Foi detectado em seu navegador, o uso de plugin que bloqueia conteúdo relacionado a comerciais.</span><span>Desabilite qualquer plugin desse tipo e recarregue a página para acessar o Contplay.</span></div></div><div class="forgot-password lightbox-container"><div class="lightbox-block"><div class="lightbox-ct"><div class="lightbox-data"><h3 class="lightbox-tt">Recuperação de senha</h3><div class="lightbox-hint">Digite o e-mail associado a sua conta no campo abaixo para redefinir sua senha</div><span class="error-email-not-found error-msg">E-mail não cadastrado no sistema.</span><span class="error-email-not-informed error-msg">Por favor, informe o e-mail da sua conta no Contplay.</span><span class="success-reset-token-sent error-msg">Você receberá um e-mail com instruções para a redefinição da sua senha no Contplay.</span><p class="email">E-mail: <input type="text"></p><div><a class="confirm-link" href="#">Redefinir</a><a class="cancel-link" href="#">Fechar</a></div></div></div></div><div class="lightbox-overlay"></div></div></body></html>

Aonde devo colocar código AJAX aí? Obrigado pela ajuda.

jgustavo99 · Setembro 27, 2014

Como assim em uma página que não é "minha"? Seria para algum cliente?

Entrar

Arquivado

Como colocar AJAX nesse página?

Recommended Posts

flaviomf 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

jgustavo99 85

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante