Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Níveis de reputação
Hoje à(s) 09:22 pm por Taxy_InSaniTy

» Citação não aparece nome de usuário
Hoje à(s) 09:16 pm por iScroll

» Não consigo alterar essa cor
Hoje à(s) 09:09 pm por Luiz

» Plaquinhas de Rank para o meu Fórum
Hoje à(s) 09:02 pm por Tiger

» Como criar hover no menu
Hoje à(s) 09:02 pm por Luiz

» Instalação do Topic'It
Hoje à(s) 08:00 pm por AlexFernandes

» Slide em todas as páginas
Hoje à(s) 07:42 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Quem está conectado
295 usuários online :: 13 usuários cadastrados, Nenhum Invisível e 282 Visitantes :: 2 Motores de busca

Br_SP_Rodrigo, CesarWatsom2, dudha, fucsiascout, Heikki, Herbert Silva, iScroll, Lost154, Shek, Sobotyy, Taxy_InSaniTy, Tiger, virus

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Ajustar Código Javascript

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

Resolvido Ajustar Código Javascript

Mensagem por Connor R. em 02/05/16, 02:47 pm

Detalhes da questão


Endereço do fórum: http://www.somosmugiwara.com/
Versão do fórum: PunBB

Descrição


Gostaria de uma pequena alteração no código abaixo, pois o mesmo é totalmente funcional em páginas HTML, no entanto, não funciona no fórum, gostaria de saber se tem como ele funcionar perfeitamente dentro do fórum.

Código:

jQuery(function(o){o("*[rel=tooltip]").hover(function(t){var e=o(this).data("content");o("body").append('<div class="tooltip">'+e+"</div>"),o(".tooltip").css({top:t.pageY-10,left:t.pageX+40}).fadeIn()},function(){o(".tooltip").remove()}).mousemove(function(t){o(".tooltip").css({top:t.pageY-10,left:t.pageX+10})})});


Última edição por Connor R. em 03/05/16, 11:08 am, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 922
Pontos Ativos : 1512

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara
  • 0

Resolvido Re: Ajustar Código Javascript

Mensagem por Hancki em 02/05/16, 04:54 pm

Olá!

É um código relativamente simples e muito bonito. Desconhecia um código tooltip em jQuery tão simples e eficaz.

Eu fiz com que aparecesse o título inteiro dos tópicos nos sub-fóruns.
Desta forma:


Adicione o código numa página Javascript, investida no Índice e/ou Sub-fóruns só para testar e ver como funciona:
Código:
 jQuery(function(o) {
    $('a[href*="/t"]').each(function() {
        $(this).attr('rel', 'tooltip');
    });
    o("*[rel=tooltip]").hover(function(t) {
        var e = o(this).attr("title");
        o("body").append('<div class="tooltip">' + e + "</div>"), o(".tooltip").css({
            top: t.pageY - 10,
            left: t.pageX + 40
        }).fadeIn()
    }, function() {
        o(".tooltip").remove()
    }).mousemove(function(t) {
        o(".tooltip").css({
            top: t.pageY - 10,
            left: t.pageX + 10
        })
    })
 });

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Ajustar Código Javascript

Mensagem por Connor R. em 02/05/16, 06:05 pm

Consegui ajustar meu caro, faltava uma outra parte do código, vou deixar abaixo para dúvidas de pessoas futuras.

Basta adicionar o código abaixo no templante dentro da Tag <head>

Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

Veja como ficou: http://www.somosmugiwara.com/t2276-sugestao-ajuste-na-ficha-do-personagem#11936

Pode fechar.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 922
Pontos Ativos : 1512

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Ajustar Código Javascript

Mensagem por Shek em 04/05/16, 08:18 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16859
Pontos Ativos : 21221

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum