Loja não funciona
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Loja não funciona
Detalhes da questão
Endereço do fórum: csgobrasil.forumeiros.com
Versão do fórum: PunBB
Descrição
Utilizei o código do Daemon
- 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: 'http://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 dd', 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('/privmsg', {
'mode': 'post',
'post': '1',
'folder': 'inbox',
'usergroup': '1',
'subject': 'Pedido 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 type="button" value="Concluir compra" onclick="buyItems()" />
<input type="button" value="Resetar ítens" onclick="resetItems()" />
</div>
mas quando eu clico em comprar, os pontos não são retirados e nenhuma mensagem é enviada pro administrador, alguem poderia me ajudar?
♦stefan♦- Membro
- Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942
Re: Loja não funciona
Bom dia.
Queira ler: https://ajuda.forumeiros.com/t101123-bug-na-loja-virtual
Atenciosamente,
Fatalisss
Queira ler: https://ajuda.forumeiros.com/t101123-bug-na-loja-virtual
Atenciosamente,
Fatalisss
Re: Loja não funciona
Já testei os códigos e não funcionaram
♦stefan♦- Membro
- Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942
Re: Loja não funciona
Olá,
Não apresentou nenhuma modificação ? Tem certeza que tentou todos os passos citados no tópico ?
Até mais.
Fatalisss
Não apresentou nenhuma modificação ? Tem certeza que tentou todos os passos citados no tópico ?
Até mais.
Fatalisss
Re: Loja não funciona
Sim, testei todos os códigos, quando eu seleciono os itens e clico em comprar , fala que conclui a compra e talz, mas os pontos continua o mesmo, e nenhuma mp é enviada
♦stefan♦- Membro
- Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942
Re: Loja não funciona
Olá,
Troque por esse e ver se funcionar:
Atenciosamente.
Troque por esse e ver se funcionar:
- Código:
<script type="text/javascript">[size=12][/size]
$(function() {[size=12][/size]
var produtos = {[size=12][/size]
[size=12][/size]
[size=12][/size]
'Soneca': {[size=12][/size]
icone: 'http://png-5.findicons.com/files/icons/2169/picnic/70/asleep.png',[size=12][/size]
preco: '25',[size=12][/size]
descricao: 'Soneca'[size=12][/size]
},[size=12][/size]
[size=12][/size]
'Maze Finger': {[size=12][/size]
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/mazefinger.png',[size=12][/size]
preco: '25',[size=12][/size]
descricao: 'Maze Finger'[size=12][/size]
},[size=12][/size]
[size=12][/size]
'Car': {[size=12][/size]
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/car.png',[size=12][/size]
preco: '25',[size=12][/size]
descricao: 'Passeio de arro'[size=12][/size]
},[size=12][/size]
[size=12][/size]
'Doctor': {[size=12][/size]
icone: 'http://png-5.findicons.com/files/icons/2169/picnic/70/chemicaltouch.png',[size=12][/size]
preco: '25',[size=12][/size]
descricao: 'Doctor maluco'[size=12][/size]
},[size=12][/size]
[size=12][/size]
'Guitarra': {[size=12][/size]
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/guitarist.png',[size=12][/size]
preco: '25',[size=12][/size]
descricao: 'Guitarrista'[size=12][/size]
},[size=12][/size]
[size=12][/size]
'Preso': {[size=12][/size]
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/cydiapurple.png',[size=12][/size]
preco: '25',[size=12][/size]
descricao: 'Preso'[size=12][/size]
},[size=12][/size]
[size=12][/size]
'Pena': {[size=12][/size]
icone: 'http://png-4.findicons.com/files/icons/1070/software/72/adobe_photoshop.png',[size=12][/size]
preço: '50',[size=12][/size]
descrição: 'Pena do PS'[size=12][/size]
}[size=12][/size]
};[size=12][/size]
[size=12][/size]
[size=12][/size]
var content = $('.content .itens');[size=12][/size]
$.each(produtos, function (key, value) {[size=12][/size]
content.append([size=12][/size]
'<tr class="item">' +[size=12][/size]
' <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +[size=12][/size]
' <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +[size=12][/size]
' <td>' +[size=12][/size]
' <ul>' +[size=12][/size]
' <li class="preco" data-myprice="' + value.preco + '"><img src="http://i.imgur.com/qdiucii.png" /> Preço: ' + value.preco + ' pontos</li>' +[size=12][/size]
' <br />' +[size=12][/size]
' <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho" /></li>' +[size=12][/size]
' </ul>' +[size=12][/size]
' </td>' +[size=12][/size]
'</tr>'[size=12][/size]
);[size=12][/size]
});[size=12][/size]
$.ajax({[size=12][/size]
url: '/u' + _userdata.user_id,[size=12][/size]
type: 'GET',[size=12][/size]
success: function(responseHtml)[size=12][/size]
{[size=12][/size]
var myPoints = $('#field_id-13 dd', responseHtml).text();[size=12][/size]
$('.myPoints').html('Meu saldo de pontos: <span class="totalPoints">' + myPoints + '</span>');[size=12][/size]
},[size=12][/size]
error: function(err)[size=12][/size]
{[size=12][/size]
console.log("AJAX error in request (Store points)");[size=12][/size]
}[size=12][/size]
});[size=12][/size]
});[size=12][/size]
var $total = 0;[size=12][/size]
function addToCart(item) {[size=12][/size]
var getItem = $(item).parents('.item').find('.nome').text();[size=12][/size]
var getPrice = parseInt($(item).parents('.item').find('.preco').attr('data-myprice'));[size=12][/size]
$total += getPrice;[size=12][/size]
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');[size=12][/size]
$('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');[size=12][/size]
}[size=12][/size]
function removeFromCart(item) {[size=12][/size]
var getPrice = parseInt($(item).attr('data-myprice'));[size=12][/size]
$total -= getPrice;[size=12][/size]
$('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');[size=12][/size]
$(item).remove();[size=12][/size]
}[size=12][/size]
function resetItems() {[size=12][/size]
$('.cart').empty();[size=12][/size]
$total = 0;[size=12][/size]
$('.total').empty();[size=12][/size]
}[size=12][/size]
function buyItems() {[size=12][/size]
if(!$('.cart').is(':empty')) {[size=12][/size]
var valPoints = parseInt($('.totalPoints').text());[size=12][/size]
var valTotal = parseInt($('.totalVal').text());[size=12][/size]
if(valPoints >= valTotal) {[size=12][/size]
var texto = '';[size=12][/size]
var total = 0;[size=12][/size]
$('.item-cart').each(function() {[size=12][/size]
var item = $(this).text();[size=12][/size]
var preco = parseInt($(this).attr('data-myprice'));[size=12][/size]
texto += '[b]' + item.charAt(0).toUpperCase() + item.slice(1)[size=12][/size]
//add line break at the end[size=12][/size]
+ ':[/b] ' + preco + " pontos\n";[size=12][/size]
total += preco;[size=12][/size]
});[size=12][/size]
texto += '\n\n[b]Valor total:[/b] ' + total + ' pontos';[size=12][/size]
$.post('/privmsg', {[size=12][/size]
'mode': 'post',[size=12][/size]
'post': '1',[size=12][/size]
'folder': 'inbox',[size=12][/size]
'usergroup': '1',[size=12][/size]
'subject': 'Pedido da loja',[size=12][/size]
'message': texto[size=12][/size]
}).done(function() {[size=12][/size]
alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");[size=12][/size]
resetItems();[size=12][/size]
});[size=12][/size]
} else {[size=12][/size]
alert("Você não tem pontos suficiente para efetuar a compra");[size=12][/size]
}[size=12][/size]
} else {[size=12][/size]
alert("O carrinho está vazio");[size=12][/size]
}[size=12][/size]
}[size=12][/size]
</script><style type="text/css">[size=12][/size]
table.content {[size=12][/size]
background: #fafafa;[size=12][/size]
border: 1px solid #eaeaea;[size=12][/size]
border-collapse: separate;[size=12][/size]
empty-cells: show;[size=12][/size]
table-layout: fixed;[size=12][/size]
width: 100%;[size=12][/size]
}[size=12][/size]
.itens .nome {font-size: 14px;}[size=12][/size]
.itens .icone {[size=12][/size]
text-align: center;[size=12][/size]
}[size=12][/size]
.itens .icone img {[size=12][/size]
height: 50px;[size=12][/size]
width: 50px;[size=12][/size]
}[size=12][/size]
.item-cart {[size=12][/size]
background: orange url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;[size=12][/size]
margin: 3px 4px;[size=12][/size]
cursor: pointer;[size=12][/size]
display: inline-block;[size=12][/size]
font-weight: bold;[size=12][/size]
padding: 5px;[size=12][/size]
padding-left: 25px;[size=12][/size]
color: white;[size=12][/size]
border-radius: 3px;[size=12][/size]
}[size=12][/size]
table.content tr td {padding: 10px;background: #f0f0f0;border-bottom: 1px solid #e0e0e0;}[size=12][/size]
.itens ul li {list-style-type: none;}[size=12][/size]
.daemon {[size=12][/size]
background: #333;[size=12][/size]
text-align: center;[size=12][/size]
padding: 10px;[size=12][/size]
}[size=12][/size]
#cart {[size=12][/size]
background: #f0f0f0;[size=12][/size]
border: 1px solid #e0e0e0;[size=12][/size]
margin-top: 5px;[size=12][/size]
padding: 5px;[size=12][/size]
}[size=12][/size]
.cart {[size=12][/size]
background: white url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;[size=12][/size]
min-height: 50px;[size=12][/size]
padding-left: 55px;[size=12][/size]
border: 1px solid #ddd;[size=12][/size]
}[size=12][/size]
.total, .myPoints {font-size: 13px;display: block;margin-top: 5px;font-family: arial;display: block;font-style: italic;font-weight: bold;}[size=12][/size]
</style>[size=12][/size]
<div class="daemon">[size=12][/size]
<span style="color: white;font-size: 28px;font-weight: bold;">Loja</span>[size=12][/size]
</div>[size=12][/size]
<table class="content">[size=12][/size]
[size=12][/size]
<tbody class="itens">[size=12][/size]
[size=12][/size]
</tbody>[size=12][/size]
</table>[size=12][/size]
<div id="cart">[size=12][/size]
[size=12][/size]
<div class="cart">[size=12][/size]
[size=12][/size]
</div>[size=12][/size]
<span class="myPoints"></span> <span class="total"></span>[size=12][/size]
</div>[size=12][/size]
<div class="daemon">[size=12][/size]
<input type="button" value="Concluir compra" onclick="buyItems()" /> <input type="button" value="Resetar ítens" onclick="resetItems()" />[size=12][/size]
</div>
Atenciosamente.
Re: Loja não funciona
Se mudou o tamanho da fonte? SAKOKOSAKOSAKOSA
Não pegou não
Não pegou não
♦stefan♦- Membro
- Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942
Re: Loja não funciona
Olá novamente,
Desative todos os códigos usados para a loja, e então utilize esse HTML:
Aqui funcionou perfeitamente, ACREDITO que irá funcionar ai.
Atenciosamente,
Fatalisss
Desative todos os códigos usados para a loja, e então utilize esse HTML:
- Código:
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pt">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://illiweb.com/rs3/16/frm/lang/notutf8-pt.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
$(function() {
var produtos = {
'Car': {
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/car.png',
preco: '25',
descricao: 'Passeio de carro'
},
'Preso': {
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/cydiapurple.png',
preco: '25',
descricao: 'Preso senhor'
},
'Pena': {
icone: 'http://png-4.findicons.com/files/icons/1070/software/72/adobe_photoshop.png',
preco: '50',
descricao: 'Pena do PS'
}
};
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 dd', 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('/privmsg', {
'mode': 'post',
'post': '1',
'folder': 'inbox',
'usergroup': '1',
'subject': 'Pedido 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 type="button" value="Concluir compra" onclick="buyItems()" /> <input type="button" value="Resetar ítens" onclick="resetItems()" />
</div>
</html>
Aqui funcionou perfeitamente, ACREDITO que irá funcionar ai.
Atenciosamente,
Fatalisss
Re: Loja não funciona
Ainda continua na mesma, os pontos ficam exatamente iguais, não são retirados depois da compra!
♦stefan♦- Membro
- Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942
Re: Loja não funciona
Olá,
Aqui funciona perfeitamente.
Até mais.
Aqui funciona perfeitamente.
Até mais.
Re: Loja não funciona
aqui não ksaooksasakoas
♦stefan♦- Membro
- Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942
Re: Loja não funciona
Saudações,
Fez os passos certinhos? Peço que repita por gentileza.
Outra coisa, o senhor tem muitos códigos JavaScript em uso no seu fórum? Se sim, retire todos e teste apenas o referente ao da loja.
Até mais.
Sennior
Fez os passos certinhos? Peço que repita por gentileza.
Outra coisa, o senhor tem muitos códigos JavaScript em uso no seu fórum? Se sim, retire todos e teste apenas o referente ao da loja.
Até mais.
Sennior
Re: Loja não funciona
não tenho nenhuma pagina javascript, e nenhuma pagina html, somente a da loja!
♦stefan♦- Membro
- Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942
Re: Loja não funciona
Bom dia!
Em sua página HTML, ative a função "Você deseja usar utilizar o início e o final da página do seu fórum" e em seguida, substitua o código por este:
Não há modos de ter erros, porque, a MP é enviada para os usuários do grupo da fundação do fórum, ou seja, os que tem acesso ao Painel de Controle. O desconto de pontos não é possível de forma automática, pois, um usuário no ato da solicitação, não pode acessar o painel de controle por sua TID de moderação, por tanto, não é possível descontar os pontos de forma automática.
Até mais!
Em sua página HTML, ative a função "Você deseja usar utilizar o início e o final da página do seu fórum" e em seguida, substitua o código por este:
- Código:
<script type="text/javascript">
$(function() {
var produtos = {
'Car': {
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/car.png',
preco: '25',
descricao: 'Passeio de carro'
},
'Preso': {
icone: 'http://png-1.findicons.com/files/icons/2169/picnic/70/cydiapurple.png',
preco: '25',
descricao: 'Preso senhor'
},
'Pena': {
icone: 'http://png-4.findicons.com/files/icons/1070/software/72/adobe_photoshop.png',
preco: '50',
descricao: 'Pena do PS'
}
};
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 dd', 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('/privmsg', {
'mode': 'post',
'post': '1',
'folder': 'inbox',
'usergroup': '1',
'subject': 'Pedido 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 type="button" value="Concluir compra" onclick="buyItems()" /> <input type="button" value="Resetar ítens" onclick="resetItems()" />
</div>
Não há modos de ter erros, porque, a MP é enviada para os usuários do grupo da fundação do fórum, ou seja, os que tem acesso ao Painel de Controle. O desconto de pontos não é possível de forma automática, pois, um usuário no ato da solicitação, não pode acessar o painel de controle por sua TID de moderação, por tanto, não é possível descontar os pontos de forma automática.
Até mais!
Re: Loja não funciona
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos