Problema com Ranks adicionais e Javascript

por Lineshooter 03.02.15 1:41

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Somente comigo
Problema começou : Bom, nunca consegui fazer códigos de javascript funcionarem, mesmo a opção deles estando ativa.
Endereço do fórum : http://marvelrpg.forumeiro.com/

Descrição do problema

Estive vasculhando o fórum por ajuda com javascript. Pesquisei uns tópicos, busquei ajuda de amigos mas até agora não consegui resolver meu problema. Eu preciso adicionar um novo campo de Rank ao meu fórum. O campo padrão para ranks está sendo usado para definir o grupo em que uma pessoa está. Um segundo campo de Imagem, no perfil, define a qual Equipe um membro pertence. Preciso de um terceiro rank para definir a Função desse usuário no fórum/grupo em que está inserido. Notei um tópico que explica como fazer isso com sucesso, mas não consegui chegar aos mesmos resultados. O código javascript simplesmente não funciona. Já até mesmo dei uma olhada nos templates do fórum, pois vi que foram citados no tópico e nada... Por favor, me ajudem.

Dois Ranks em um perfil

por Lineshooter 04.02.15 1:00

Up.

Gente, ainda não consegui adicionar o rank adicional. Estava realmente necessitando de ajuda. Por favor, alguém se habilita a ajudar? Tenho milhões de coisas pra consertar no fórum, e isso é uma das coisas mais importantes dessa lista. ;/

por Sennior 04.02.15 1:35

Saudações,

Qual os códigos que esta usando? Poderia me conceder?
Não tenho muito conhecimento em Js mas creio que consigo criar um outro Rank para ti.

Até mais.

por Lineshooter 04.02.15 1:40

@Sennior

Estou utilizando o rank fornecido no outro tópico, com investimento nos posts, mas ele não resulta! E se resultasse, eu provavelmente sofreria para deixar no lugar que eu quero, haha.

Código:: $(function(){ $('.post').each(function(){ if($(this).find('.user-basic-info a[href="/u1"]').length){ $(this).find('.user-basic-info').prepend('<img src="http://i.imgur.com/8cc9Ooj.png">'); } }); });

PS: Eu já tenho a imagem que colocarei no lugar dessa, este código é o do exemplo do outro tópico, exatamente como foi postado.

por EuficoLoko 04.02.15 5:18

Boa noite!

Então, não to compreendendo muito bem a sua questão. Perdoe-me? Fiz esse código, ele adiciona mais 2 ranks além do normal:

Código:: $(function(){ $('.post').each(function(){ if($('.postprofile dl dd strong:contains("Red Phoenix")').length){ $(this).find('.postprofile dl dt').prepend('<img src="http://i.imgur.com/8cc9Ooj.png"></img><br><img src="http://i.imgur.com/8cc9Ooj.png"></img>'); } }); });

Teste em seu fórum:
http://prntscr.com/60umdh
Atente-se ao seguinte:
Procurar 'Red Phoenix', no código e trocar pelo nick. As imagens, creio que saiba. Feliz

Atenciosamente,
EuficoLoko.

por Lineshooter 04.02.15 5:27

Perfeito! Muito obrigado!
Funcionou certinho, exatamente como eu queria!

Só mais uma coisa... Sabe me dizer se seria possível eu colocar uma imagem da mesma forma, mas na parte de baixo do Avatar, de forma a haver um rank na parte superior dele e um na parte inferior?

Agradeço desde já, Lineshooter.

por EuficoLoko 04.02.15 5:30

Boa noite!

Novamente não compreendi, espero que seja isso:
Problema com Ranks adicionais e Javascript KWgObdZ

Código:

Código:: $(function(){$('.post').each(function(){ if($('.postprofile dl dd strong:contains("Red Phoenix")').length){ $(this).find('.postprofile dl dt').prepend('<img src="http://i.imgur.com/8cc9Ooj.png"></img>');$(this).find('.postprofile dl dt').after('<img src="http://i.imgur.com/8cc9Ooj.png"></img>'); } });});

Atenciosamente,
EuficoLoko.

por Lineshooter 04.02.15 5:42

Então, a ideia seria adicionar apenas mais um rank, não dois. Assim haveria um em cima e outro em baixo. Dessa forma que você postou está quase perfeito, com exceção daquela segunda imagem na parte de cima. Mas todos os códigos serão bem aproveitados, pode ter certeza disso. Já deixei tudo guardado. Novamente, muito obrigado pela ajuda.

Resumindo: Eu necessito do código para adicionar apenas uma imagem, na parte de baixo do avatar.

Agradeço desde já, Lineshooter.

por EuficoLoko 04.02.15 5:44

Hã sim, perdoe-me.
Troque por:

Código:: $(function(){$('.post').each(function(){ if($('.postprofile dl dd strong:contains("Red Phoenix")').length){ $(this).find('.postprofile dl dt').after('<img src="http://i.imgur.com/8cc9Ooj.png"></img>'); } });});

Resulta?

por Lineshooter 04.02.15 5:51

Resultou sim! Mais uma vez, obrigadíssimo! Mas houve um problema já observado antes que não tive tempo de comentar...

Com o código acima e até mesmo o novo eu notei que houve um problema de posicionamento da imagem que ficou no lado de baixo do avatar. Ela não ficou rente, junto ao avatar, houve um espaçamento. Existe alguma forma de eu consertar isso? ;(

Exemplo:

A ideia seria que, como acontece com o rank de cima, a imagem ficasse posicionada corretamente. É possível fazer isso? Através do css/templates talvez?

#Edit
Estou tentando consertar diretamente no template viewtopic_body, se resultar eu aviso!

por EuficoLoko 04.02.15 5:55

Hey!

Troque por esse:

Código:: $(function(){$('.post').each(function(){ if($('.postprofile dl dd strong:contains("Red Phoenix")').length){ $(this).find('.postprofile dl dt').after('<img src="http://i.imgur.com/DHlqcx8.jpg" style="position: relative;left: 30px"></img>'); } });});

Procure por '30px', quanto mais aumentar, mais para a direita o rank vai ir. (Ao contrário também funciona, mais vai ser para a esquerda)
Testei aqui e funcionou, mas configurar fica difícil, devido ao seu código já estar ativado.
Adicionei a imagem do seu rank, para lhe facilitar.

Resulta?

por Lineshooter 04.02.15 6:05

Resultou sim e ficou PERFEITAMENTE alinhado!
Não consigo nem acreditar que deu certo!
Agradeço muito sua ajuda e persistência, adorei os códigos, vou guardar todos com muito carinho, foram de grande ajuda!

O código final ficou assim:

Código:: $(function(){$('.post').each(function(){ if($('.postprofile dl dd strong:contains("The Phoenix")').length){ $(this).find('.postprofile dl dt').after('<img src="http://i.imgur.com/DHlqcx8.jpg" style="position: relative;left: 8px; top: -8px;"></img>'); } });});

Aprendi muito com esse post, espero que agora eu vá conseguindo me virar um pouco, haha.
Novamente, gostaria de agradecer o ótimo suporte, estou mais do que satisfeito! Desculpe pela insistência!

Dou este tópico por encerrado, tomara que ajude futuros usuários tão perdidos quanto eu. rsrs

Atenciosamente, Lineshooter.

por Lineshooter 04.02.15 6:10

Update:

Perdão @EuficoLoko ! Houve um problema! ;(

Todos os usuários do tópico estão recebendo o segundo rank!

#Edit

Exemplo:

Aparentemente em todos os tópicos que o usuário The Phoenix postar, os membros recebem esse segundo rank, em vez de ser algo exclusivo do usuário para quem eu adicionei o mesmo.

por EuficoLoko 05.02.15 0:43

Boa noite!

Troque por esse:

Código:: $(function(){$('.post').each(function(){ $('.postprofile dl dd strong:contains("Blue Phoenix")').before('<img src="http://i.imgur.com/DHlqcx8.jpg" style="position: relative;left: 8px; top: -8px;"></img>'); });});

Atenciosamente,
EuficoLoko.

por Lineshooter 05.02.15 1:46

Resultou em um bug. Segue secreenshot do ocorrido.

Problema com Ranks adicionais e Javascript Hq8BPBb

por EuficoLoko 05.02.15 2:00

Olá!

Sem olhar fica difícil, mas vamos lá.

Código:: $(function(){ $('.postprofile dl dt > strong:contains("EuficoLoko")').before('<img src="http://i.imgur.com/DHlqcx8.jpg" style="position: relative;left: 8px; top: -8px;"></img>'); });

Procure por 'EuficoLoko', troque pelo nick. ;x

Atenciosamente,
EuficoLoko.

por Lineshooter 05.02.15 2:10

EuficoLoko escreveu:
Sem olhar fica difícil

Não entendi... Eu mandei a print do ocorrido. A imagem está no post acima. A imagem do rank se multiplicou várias vezes em baixo do usuário em vez de apenas uma vez como o pretendido.

Bom, não obtive resultado novamente, então estarei postando a parte do template do viewtopic_body pois eu acho que isso pode ajudar:

Código:: <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">  <dl><dd><br /></dd> <dt> {postrow.displayed.RANK_IMAGE} {postrow.displayed.POSTER_AVATAR} </dt> <dd><br /></dd> <dd><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong></dd> <dd><br /></dd> <dd>  {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}  {postrow.displayed.POSTER_RPG} </dd> <dd><br /></dd><dd> <br />{postrow.displayed.PM_IMG} </dd> </dl> </div>

Será que não é alguma coisa daqui que está errada e por isso seu código não funciona? Não achei necessário mandar print dessa vez pois o código infelizmente não funcionou.

por EuficoLoko 05.02.15 2:26

Boa noite!

Quando digo: 'Sem olhar', me refiro ao tópico. Não consigo visualiza-lo e testar pelo console.
Perdoe-me, lhe mandei o código que testei aqui no console do FDF, esse e o correto:

Código:: $(function(){ $('.postprofile dl dd > strong:contains("Blue Phoenix")').before('<img src="http://i.imgur.com/DHlqcx8.jpg" style="position: relative;left: 8px; top: -8px;"></img>'); });

Código:: $(function(){ $('.postprofile dl dd strong:contains("Blue Phoenix")').before('<img src="http://i.imgur.com/DHlqcx8.jpg" style="position: relative;left: 8px; top: -8px;"></img>'); });

Teste ambos, como não tenho acesso ao tópico em que está na imagem não da para testar.
Troque 'Blue Phoenix', pelo nome.

Atenciosamente,
EuficoLoko.

por Lineshooter 05.02.15 2:46

Resultou! Muito obrigado pela sua ajuda, jamais teria conseguido sem você! :3
Agradeço infinitamente por tudo, mesmo! Perdão por ser tão chato e obrigado por não ter desistido, foi uma longa jornada, haha.

Dou a dúvida por sanada e estou mais do que satisfeito com o resultado, valeu mesmo!

PS: Adorei a frase da sua assinatura. "Com o esforço, alcançamos nossos objetivos". Realmente, com sua ajuda consegui o que eu tanto queria! *-*

Um grande abraço, Lineshooter.

por EuficoLoko 05.02.15 2:48

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Hitskin.com

Problema com Ranks adicionais e Javascript