Criação de novas variáveis

[Mirotic]

Detalhes da questão

Endereço do fórum: https://utopiarpg.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Olá, há alguma forma de criar variáveis como no exemplo abaixo, com os dados do campo de perfil?

<script>document.write(_userdata.avatar);</script>

[tikky]

Olá @Mirotic,

Crie uma página JavaScript com investimento em todas as páginas e use o seguinte código

Código:

(function($) {
    'use strict';

    $(function() {

        if (!_userdata.session_logged_in) return;

        $.get('/u' + _userdata.user_id, function(data) {
            $('dl[id^="field_id"]', data).each(function() {
                const label = $(this)
                    .find('dt')
                    .text()
                    .toUpperCase()
                    .normalize('NFD')
                    .replace(/[\u0300-\u036f]/g, '')
                    .replace(/[^a-z0-9]+/gi, '-')
                    .replace(/^-|-$/gi, '');
                const content = $(this).find('.field_uneditable').text();

                if (!label || !content) return;


                $('[data-user-field="' + label + '"]')
                    .replaceWith(content);


            });
        });


    });
}(jQuery));

O uso é bem simples basta criar um elemento nos tópicos ou nos templates usando o atributo data-user-field que vai ser sempre substituído pelo valor do campo, por exemplo "Créditos" (https://utopiarpg.forumeiros.com/u1)

Código:

<div data-user-field="CREDITOS"></div>

vai ser substituído por

Código:

10008

Repare que caso o campo tenha caracteres especiais e acentos vão ser removidos. O espaço passa a ser representado por -. O nome do campo fica em letra maiúscula. Outro exemplo a "Data de inscrição" passa a

Código:

<div data-user-field="DATA-DE-INSCRICAO"></div>

Qualquer dúvida, diga!
Atenciosamente,
pedxz.

[Mirotic]

Cara você é demais! Obrigado.
Funcionou para texto, há alguma forma de fazer com imagens?

[tikky]

há alguma forma de fazer com imagens?

Altere o código para

Código:

(function($) {
            'use strict';
        
            $(function() {
        
                if (!_userdata.session_logged_in) return;
        
                $.get('/u' + _userdata.user_id, function(data) {
                    $('dl[id^="field_id"]', data).each(function() {
                        const label = $(this)
                            .find('dt')
                            .text()
                            .toUpperCase()
                            .normalize('NFD')
                            .replace(/[\u0300-\u036f]/g, '')
                            .replace(/[^a-z0-9]+/gi, '-')
                            .replace(/^-|-$/gi, '');
                        const content = $(this).find('.field_uneditable').text();
                        const img = $(this).find('.field_uneditable > img');
        
        
                        $('[data-user-field="' + label + '"]')
                            .replaceWith((/\bhttps?:\/\/\S*?\/[^\/.]+\.(jpg|png)\b/g.test(content) ? '<img src="' + content + '" alt="' + label + '" title="' + label + '" loading="lazy" style="max-width: 100%;" />' : img.attr('src') ? img.clone() : content));
                            
        
                    });
                });
        
        
            });
        }(jQuery));

[Mirotic]

há alguma forma de fazer com imagens?

Altere o código para

Não funcionou.

[tikky]

Não funcionou.

Pode por visível um campo de perfil com uma imagem? Qual a URL dessa imagem?

[Mirotic]

Não funcionou.

Pode por visível um campo de perfil com uma imagem? Qual a URL dessa imagem?

É essa imagem: https://i.ibb.co/pLq2csT/avatar.png

Está visível para convidados também

[tikky]

Não funcionou.

Pode por visível um campo de perfil com uma imagem? Qual a URL dessa imagem?

É essa imagem: https://i.ibb.co/pLq2csT/avatar.png

Está visível para convidados também

Atualizei o código acima. Substitua, por favor

[Mirotic]

Cara você é demais! Funcionou muito bem! Obrigado!

[tikky]

Tópico resolvido Movido para "Questões resolvidas".