Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Leonardo Joksan

Sistema de nivel, AJAX + PHP quantidade X de numero sobe a barra.

Recommended Posts

Bom, gostaria de saber como faço uma barrinha de xp, exemplo, quando um membro tiver 500 exp ele passa automatico para nivel 2 a barra volta a 0 sem cor, depois vai aumentando um pouco de exp, mais sempre a barrinha vai subindo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Um contador de níveis?

 

Isso pode ser feito com CSS, usando class mesmo, ou isso aqui:

 

http://jqueryui.com/demos/progressbar/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Hum.. ai em PHP posso colocar numero que ela fica, modificando > para tal numero, e aumentando, até entendi, mais tipo, como faço para ele atualizar automatico sem carregar a página, esse é meu problema.

 

ou por exemplo, ele ganhou um evento, clica em um botão e sobe 30 xp dele, automatico, vai sobe 1% da barrinha.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, pelo que eu entendi o .load() ele serve para caregar elementos páginas, então seria da seguinte forma.

 

 

load(url,parametros,callback)

 

Argumentos

 

url: A URL que é solicitada a requisição.

 

parâmetros: Um objeto cuja propriedades são serializadas em uma série de parâmetros codificados corretamente e que se passam a requisição. Se utilizado, deve-se especificar se a requisição utiliza o método POST, caso contrário, se omitido, a requisição utiliza o método GET.

 

callback: Uma função chamada após a solicitação já ter sido processada.

 

Link: http://imasters.com.br/artigo/14982/ajax/ajax_com_jquery_metodo_load/

 

 

 

Até ai tudo bem, mais agora a pergunta é, se ele carregar apenas página, como vou auterar a porcentagem de uma Class, para ela aumentar.

 

 

 

 

$(document).ready(function() {
   $("input[type=button]").click(function(event) {
       $("#conteudo").load('arquivo.html',aviso());
   });
});
function aviso(){
   alert('O conteúdo será carregado agora!');
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.