Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
279 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 272 Visitantes :: 1 Motor de busca

Connor R., Daniel Z, Fou-Lu, Harleen, Solaria Magnum, Stewart, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Loja do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Loja do fórum

Mensagem por PrisoN†BreaK em Seg 7 Nov 2016 - 20:46

Detalhes da questão


Endereço do fórum: http://exercito-bpf.forumeiro.com
Versão do fórum: PunBB

Descrição


Eu tenho esse código:

Código:
<script type="text/javascript">
      $(function() {
      var produtos = {
 
 
        'Gold Star': {
            icone: 'http://i.imgur.com/taaL40o.png',
            preco: '200',
            descricao: 'Stars WHOA'
        },
 
        'Helmet': {
            icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
            preco: '250',
            descricao: 'Capacete de batalha'
        },
 
        'Charmander': {
            icone: 'https://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png',
            preco: '250',
            descricao: 'Pokemón tipo fogo'
        }
 
 
      };
 
 
      var content = $('.content .itens');
          $.each(produtos, function (key, value) {
              content.append(
              '<tr class="item">' +
              '  <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +
              '  <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +
              '  <td>' +
              '  <ul>' +
              '  <li class="preco" data-myprice="' + value.preco + '"><img src="http://i.imgur.com/qdiucii.png" /> Preço: ' + value.preco + ' pontos</li>' +
              '  <br />' +
              '  <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho" /></li>' +
        '  </ul>' +
              '  </td>' +
              '</tr>'
              );
          });
          $.ajax({
            url: '/u' + _userdata.user_id,
            type: 'GET',
            success: function(responseHtml)
            {
            var myPoints = $('#field_id-13 .row_data div', responseHtml).text();
            $('.myPoints').html('Meu saldo de pontos: <span class="totalPoints">' + myPoints + '</span>');
            },
            error: function(err)
            {
              console.log("AJAX error in request (Store points)");
            }
          });
      });
      var $total = 0;
      function addToCart(item) {
        var getItem = $(item).parents('.item').find('.nome').text();
        var getPrice = parseInt($(item).parents('.item').find('.preco').attr('data-myprice'));
        $total += getPrice;
        $('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
        $('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
      }
      function removeFromCart(item) {
        var getPrice = parseInt($(item).attr('data-myprice'));
        $total -= getPrice;
        $('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
        $(item).remove();
      }
      function resetItems() {
        $('.cart').empty();
        $total = 0;
        $('.total').empty();
      }
      function buyItems() {
        if(!$('.cart').is(':empty')) {
          var valPoints = parseInt($('.totalPoints').text());
          var valTotal = parseInt($('.totalVal').text());
          if(valPoints >= valTotal) {
          var texto = '';
          var total = 0;
          $('.item-cart').each(function() {
            var item = $(this).text();
            var preco = parseInt($(this).attr('data-myprice'));
            texto += '[b]' + item.charAt(0).toUpperCase() + item.slice(1)
            //add line break at the end
            + ':[/b] ' + preco + " pontos\n";
            total += preco;
          });
          texto += '\n\n[b]Valor total:[/b] ' + total + ' pontos';
          $.post('/post', {
'mode': 'newtopic',
'post': 'Enviar',
 'f': '20',

                'subject': '[Pedido] Itens da loja',
                'message': texto
          }).done(function() {
            alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
            resetItems();
          });
          } else {
            alert("Você não tem pontos suficiente para efetuar a compra");
          }
        } else {
          alert("O carrinho está vazio");
        }
      }
    </script>    <style type="text/css">
    table.content {
      background: #fafafa;
      border: 1px solid #eaeaea;
      border-collapse: separate;
      empty-cells: show;
      table-layout: fixed;
      width: 100%;
    }
    .itens .nome {font-size: 14px;}
    .itens .icone {
    text-align: center;
    }
    .itens .icone img {
      height: 50px;
      width: 50px;
    }
    .item-cart {
      background: orange url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;
      margin: 3px 4px;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      padding: 5px;
      padding-left: 25px;
      color: white;
      border-radius: 3px;
    }
    table.content tr td {padding: 10px;background: #f0f0f0;border-bottom: 1px solid #e0e0e0;}
    .itens ul li {list-style-type: none;}
    .daemon {
      background: #333;
      text-align: center;
      padding: 10px;
    }
    #cart {
      background: #f0f0f0;
      border: 1px solid #e0e0e0;
      margin-top: 5px;
      padding: 5px;
    }
    .cart {
      background: white url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;
      min-height: 50px;
      padding-left: 55px;
      border: 1px solid #ddd;
    }
    .total, .myPoints {font-size: 13px;display: block;margin-top: 5px;font-family: arial;display: block;font-style: italic;font-weight: bold;}
    </style> 
<div class="daemon">
             <span style="color: white;font-size: 28px;font-weight: bold;">Loja</span> 
</div>
   
<table class="content">
                    
   <tbody class="itens">
               
   </tbody>
            
</table>
   
<div id="cart">
                
   <div class="cart">
               
   </div>
             <span class="myPoints"></span>      <span class="total"></span> 
</div>
   
<div class="daemon">
             <input onclick="buyItems()" value="Concluir compra" type="button" />      <input onclick="resetItems()" value="Resetar ítens" type="button" /> 
</div>

Porém, eu mudei o nome de ''Pontos'' para ExGold e agora o código não funciona, fala que eu não tenho pontos suficientes.

http://ajuda.forumeiros.com/t106760-topico-automatico-para-loja-do-forum

http://exercito-bpf.forumeiro.com/h6-loja

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1033
Pontos Ativos : 1945

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Loja do fórum

Mensagem por Kyo Panda em Ter 8 Nov 2016 - 0:59

Olá,

No script, onde está:

Código:
var myPoints = $('#field_id-13 .row_data div', responseHtml).text();

Tente mudar para:

Código:
var myPoints = $('#field_id-13 dd div', responseHtml).text();

^-^

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2350
Pontos Ativos : 5288

http://ajuda.forumeiros.com

Resolvido Re: Loja do fórum

Mensagem por PrisoN†BreaK em Qui 10 Nov 2016 - 12:45

Olá Kyo, agora fico aparecendo nnnn ao lado das mensagens quando fica um tópico, e ele não fica mais organizado um embaixo do outro, caso queira testar em meu fórum

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1033
Pontos Ativos : 1945

http://brasilplayfreedomofc.forumeiros.com/forum
  • 0

Resolvido Re: Loja do fórum

Mensagem por Kyo Panda em Qui 10 Nov 2016 - 17:54

Eu não consegui reproduzir o erro:

Código:
http://exercito-bpf.forumeiro.com/t263-pedido-itens-da-loja

Os 'n' no código deveriam ser quebras de linha. Eu não sei o que poderia ter causado o problema no seu teste.

Qual navegador está usando?


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2350
Pontos Ativos : 5288

http://ajuda.forumeiros.com

Resolvido Re: Loja do fórum

Mensagem por PrisoN†BreaK em Seg 14 Nov 2016 - 15:00

Era apenas um bug do meu navegador, obrigado.

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1033
Pontos Ativos : 1945

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Loja do fórum

Mensagem por Cream em Seg 14 Nov 2016 - 16:59

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 13903

http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum