Data/hora atual: 19.04.24 18:47
3 resultados encontrados para field_id-13
Problemas com saldo/pontos na loja
Detalhes da questão
Endereço do fórum: ls-team.forumeiros.com
Versão do fórum: PhpBB3
Descrição
Boa tarde,
Já consegi resolver essa parte, substituindo var myPoints = $('#field_id-13 dd', responseHtml).text(); por var myPoints = $('#field_id-13', responseHtml).text();
Agora a loja diz que eu não tenho saldo suficiente, mesmo quando o tenho..
Agradeço qualquer ajuda...
Codigo original:
- Código:
<script type="text/javascript">
$(function() {
var produtos = {
/* Ícones da loja abaixo.
Lembre-se de adicionar uma vírgula ao final de cada novo ítem adicionado.
Não adicione vírgula após o último ítem adicionado. */
'VIP': {
icone: 'http://image.prntscr.com/image/718baa553b2648cab7c5a53a89ca709c.png',
preco: '1',
descricao: 'Periodo: 1 Mês'
},
'VIP MASTER': {
icone: 'http://image.prntscr.com/image/9b499a9b399f482484c15218792c7374.png',
preco: '200',
descricao: 'Periodo: 1 Mês'
},
'Tag LS][Team': {
icone: 'http://image.prntscr.com/image/57a88b7b5bd84c07aa257923374ca418.png',
preco: '250',
descricao: 'Periodo: Permanente'
}
// Perceba que não existe vírgula após o último ítem. Caso queira adicionar mais ítens após o último, adicione uma vírgula logo após a chave "}". Lembre-se de deixar apenas o último ítem sem vírgula ao final.
};
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" /><font color="green"> Preço: </font>' + 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('<font color="green"> Saldo:</font> <span class="totalPoints">' + myPoints + '</span><img src="http://i.imgur.com/qdiucii.png"/>');
},
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': '2',
'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;
}
.itens .nome {
color: #021a25 !important;
}
.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: #b75602;
text-align: center;
padding: 15px;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
text-transform: uppercase;
padding-top: 30px;
border-radius: 4px;
}
#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: 30px;
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>
- em 24.10.16 19:55
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Problemas com saldo/pontos na loja
- Respostas: 3
- Vistos: 1018
Receber informações sobre o usuário em uma pagina html
Shek escreveu:Tente com este código:
- Código:
<iframe src="http://geekheroes.forumeiros.com/" style="position: absolute; top: -50px;display: none !important;"></iframe>
<script type="text/javascript">
$(function() {
var produtos = {
/* Ícones da loja abaixo.
Lembre-se de adicionar uma vírgula ao final de cada novo ítem adicionado.
Não adicione vírgula após o último ítem adicionado. */
'Troca de nome': {
icone: 'https://cdn4.iconfinder.com/data/icons/small-n-flat/24/user-id-128.png',
preco: '250',
descricao: 'Este item te dá direito a uma troca de nick'
},
'Glow no nome': {
icone: 'http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/glowing-green-neon-icons-natural-wonders/111790-glowing-green-neon-icon-natural-wonders-star8-sc48.png',
preco: '550',
descricao: 'Este item deixa seu nome com uma <span style="color:blue!important;text-shadow:0 0 3px blue;">aura</span>'
},
'Charmander': {
icone: 'http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png',
preco: '250',
descricao: 'Pokemón tipo fogo'
}
// Perceba que não existe vírgula após o último ítem. Caso queira adicionar mais ítens após o último, adicione uma vírgula logo após a chave "}". Lembre-se de deixar apenas o último ítem sem vírgula ao final.
};
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" /> <strong>Preço:</strong> ' + value.preco + ' dólares</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 em dólares: <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> dólares');
$(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 + " dólares\n";
total += preco;
});
texto += '\n\n[b]Valor total:[/b] ' + total + ' dólares';
$.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 dinheiro 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: #82cf36;
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: 20px;font-family: Verdana,Arial,Helvetica,sans-serif;font-weight: 700;">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>
Não resultou shek
O problema é pegar a variável "_userdata.user_id" e selecionar o campo "#field_id-13 dd" estando fora do fórum (em uma pagina html a parte)
- em 16.12.15 17:10
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Receber informações sobre o usuário em uma pagina html
- Respostas: 11
- Vistos: 1222
Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
Olá!Lineshooter, não e o fato de descrever muito, e o fato de embolar uma coisa com a outra. Sabe quando assistimos vídeos do youtube, que as vezes dizem 'sem delongas'? Mas ok, está tudo bem.
Vou lhe ensinar a pegar o id, o css eu já tenho acesso. Faça o seguinte:
Vá na sua página de perfil:
http://marvelrpg.forumeiro.com/u1
E nos campos clique com o botão direito do mouse, selecione: 'Inspecionar Elemento'.
Mantenha na aba 'Inspecionar Elemento':
E clique onde manda a seta.
Quando clicar o ícone ficará azul, então assim que ficar posicione o seu mouse sobre o campo:
Um exemplo de tutorial semelhante:
http://drupaldeelite.com.br/blog/como-inspecionar-elementos-html
O senhor faria o mesmo, só que com o campo. Ou se tiver algum jeito que liberar por alguns minutos, ajudaria bastante.. Eu sei que disse para fornecer a CSS, desculpa era 1:14 estava com sono.
Agora assim que achar, para editar faça o seguinte:
Procure por isso, no código que te forneci:
- Código:
<script>
$.get('/profile?mode=viewprofile&u='+_userdata["username"]+'', function(cash) {
var cash = $('#field_id-13', cash).text();
$('#receber').text(cash);
});
</script>
No código acima, troque ' #field_id-13 ', pelo id que achar. Entendeu?
Atenciosamente, EuficoLoko.
- em 19.02.15 14:24
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
- Respostas: 15
- Vistos: 3094