Olá!

Uma coisa que ainda não consigo bem é a função get.

Queria saber como faço para getar um campo do perfil, mas que seja de cada usuário.

Por exemplo, que ele busque do /u1 o valor dos campos #profile_field_2_11, do #profile_field_13_-11, do #profile_field_7_1, do #profile_field_13_6 e do #field_id-13.field_uneditable.

Sei que tem que separar o /u do id do membro, e é o que não sei fazer com get.

Aguardo ajuda amigo!

Olá!

Não entendi muito bem qual é a sua dúvida até porque separar o /u do ID do membro não faz sentido...

Vamos lá, veja o código abaixo:

Código:


var memberID = '/u90';

$.get(memberID, function(data){
    var userTitle = $.trim($('#field_id1', data).find('div.field_uneditable').text());
    var posts = $('#field_id-6', data).find('div.field_uneditable').text();
    
    alert("userTitle: " + userTitle +'\n\n'+ "posts: " + posts);
});


Explicando...:
Linha 00: É definida uma variável que conterá o ID de um membro, no caso aqui é o seu ID!

Linha 02: Usamos aqui o "atalho" do jQuery para a função $.ajax() que por sua vez é um atalho para a função nativa do JavaScript.
O primeiro parâmetro é a variável que contém o ID, perceba que não é necessário indicar o endereço completo que seria http://http://jscript.forumeiros.com/u1 , basta o ID, em seguida temos uma chamada callback que é o mesmo que executar em segundo plano após o retorno da função $.get()que  é definida por padrão como Assíncrona!
Nela temos o parâmetro Data - que poderia ser qualquer nome... - que retornará o conteúdo da função (HTML)

Linha 03 em diante: É nestas linha que lemos normalmente os campos do perfil, mas note porém que a variável data está fazendo parte da primeira função do jQuery, no caso do exemplo $('#field_id-6', data) pois ele contém todo o HTML retornado pelo get!


Perceba que é fácil implementar a chamada dos outros campos.

Aguardo seu retorno,

JS

Olá, amigo.

Perdão por não me expressar bem. Eu queria fazer o seguinte: colocar uma área no índice com essas informações, mas cada campo separado. Por exemplo, eu posso fazer uma div para cada campo:

Na div 1 terá Informação moedas: (aqui ficará o valor do #profile_field_13_-11)

Na div 2 terá: Informação de itens: (aqui ficará o valor do #field_id-13.field_uneditable).

Entendeu? Mas teria que ser para cada usuário. Talvez eu esteja enganado, mas ali você colocou para um usuário específico, correto?

Teria que ser para cada usuário que visse essas divs, ou seja, com informações do usuário que estiver vendo.

Ok!

Pode-se utilizar o seguinte código no template overall_header:

Código:


        USERNAME = '', USER_ID = 0;

        $(function () {
           USERNAME = $('#pun-visit strong:last').text();

           if (document.getElementById('logout') !== null) {
              USER_ID = localStorage.getItem('USER_ID'); /* Get the var USER_ID */

              if (!USER_ID) {
                    jQuery.ajaxSetup({async:false});
                 $.get('/profile?mode=editprofile&page_profil=avatars', function (data) {
                    USER_ID = $('.frm-buttons dd input[name="user_id"]', data).val();
                 }).always(function () {
                    localStorage.setItem('USER_ID', USER_ID);
                 });
                    jQuery.ajaxSetup({async:true});
              }
           }
        });


Com o código acima, temos uma variável global para o nome do usuário e o ID!!! Veja que uso o localStorage para evitar o RL...
Tendo o ID, basta adicionar no código que passei na mensagem anterior da seguinte forma:

Código:


$.get(USER_ID, function(data){
    var userTitle = $.trim($('#field_id1', data).find('div.field_uneditable').text());
    var posts = $('#field_id-6', data).find('div.field_uneditable').text();
 
    alert("userTitle: " + userTitle +'\n\n'+ "posts: " + posts);
});


JS

Certo amigo, agora como faço para chamá-los?

Minha intenção é colocá-los num widget para todas as páginas, mais ou menos dessa forma:

Moedas: (valor do campo do perfil)

Materiais: (valor do campo do perfil)

Como fazer para chamá-los??!! Não entendi...

Se vai colocar em um widget, pode ser da forma abaixo:

Código:


USERNAME = '', USER_ID = 0;

$(function () {
    USERNAME = $('#pun-visit strong:last').text();

    if (document.getElementById('logout') !== null) {
        USER_ID = localStorage.getItem('USER_ID'); /* Get the var USER_ID */

        if (!USER_ID) {
                jQuery.ajaxSetup({async:false});
            $.get('/profile?mode=editprofile&page_profil=avatars', function (data) {
                USER_ID = $('.frm-buttons dd input[name="user_id"]', data).val();
            }).always(function () {
                localStorage.setItem('USER_ID', USER_ID);
            });
                jQuery.ajaxSetup({async:true});
        }
        $.get(USER_ID, function(data){
            var userTitle = $.trim($('#field_id1', data).find('div.field_uneditable').text());
            var posts = $('#field_id-6', data).find('div.field_uneditable').text();
 
            alert("userTitle: " + userTitle +'\n\n'+ "posts: " + posts);
        });
    }
});


JS

Não estou conseguindo compreender amigo. Entendi o script (que no caso para o widget terei que trocar o $ por jQuery, certo?).

Quando digo chamá-los, quero dizer como farei para colocar no widget desta forma:

Moedas: (aqui ficaria um campo que teria que chamar do perfil)

Isso que não consigo entender como farei para que o script chame o valor do campo do perfil.

Vamos lá:

Veja este trecho do código:

Código:

var posts = $('#field_id-6', data).find('div.field_uneditable').text();

E leia novamente: http://jscript.forumeiros.com/t498-get-de-infos-do-perfil#3502

JS

Olá amigo!!!

Eu fui estudando o script e consegui fazer de um outro jeito, quando terminar eu te mostro ok?

Muito obrigado pela ajuda, você é demais!