Adicionar classe de acordo com o grupo

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Adicionar classe de acordo com o grupo

Mensagem por Mirotic 21.09.22 6:09

Detalhes da questão


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

Descrição


Alguém pode me da um suporte a este código?

Eu com meu pequeníssimo conhecimento de javascript tentei fazer esse código para a fórumeiros, o objetivo é:

Transformar o texto dentro da div #falc-rank numa varíavel a partir disso adicionar ao body ou wrap a classe cor- + variável.

Porém não funcionou!


Código:
$(document).ready(function(e) {
  var rankname = document.getElementById(#falc-rank);

  $(function(){$('#falc-colorrank').addClass(''cor-' + rankname')});
}

ficarei muito grato com a ajuda
Mirotic

Mirotic
Nível 8

Masculino
Membro desde : 17/11/2018
Mensagens : 146
Pontos ativos : 254

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar classe de acordo com o grupo

Mensagem por Connor R. 21.09.22 20:03

Onde está div está localizada?
Connor R.

Connor R.
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1220
Pontos ativos : 1965

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar classe de acordo com o grupo

Mensagem por Mirotic 22.09.22 7:27

Connor R. escreveu:Onde está div está localizada?

Desculpe, eu tinha ocultado essa div. Deixei visível agora

é a #user-rank
Mirotic

Mirotic
Nível 8

Masculino
Membro desde : 17/11/2018
Mensagens : 146
Pontos ativos : 254

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar classe de acordo com o grupo

Mensagem por pedxz 23.09.22 11:58

Olá @Mirotic,

Altere o código para
Código:
(function($) {
    'use strict';
    $(window).on('load', function() {
        const rank = document.getElementById('user-rank');

        document.body.classList.add('cor-' + rank.innerText.toLowerCase().normalize('NFD')
            .replace(/[\u0300-\u036f]/g, '')
            .replace(/[^a-z0-9]+/gi, '-')
            .replace(/^-|-$/gi, ''));
    });
})(jQuery);
Atenciosamente,
pedxz.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7068
Pontos ativos : 8297

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar classe de acordo com o grupo

Mensagem por Mirotic 23.09.22 19:07

pedxz escreveu:Olá @Mirotic,

Altere o código para
Código:
(function($) {
    'use strict';
    $(window).on('load', function() {
        const rank = document.getElementById('user-rank');

        document.body.classList.add('cor-' + rank.innerText.toLowerCase().normalize('NFD')
            .replace(/[\u0300-\u036f]/g, '')
            .replace(/[^a-z0-9]+/gi, '-')
            .replace(/^-|-$/gi, ''));
    });
})(jQuery);
Atenciosamente,
pedxz.

Funcionou muito bem, obrigado!

Obrigado a todos!

@pedxz @Connor R.
Mirotic

Mirotic
Nível 8

Masculino
Membro desde : 17/11/2018
Mensagens : 146
Pontos ativos : 254

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar classe de acordo com o grupo

Mensagem por pedxz 25.09.22 1:17

Tópico resolvido


Movido para "Questões resolvidas".
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7068
Pontos ativos : 8297

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos