Como colocar o botão + e -

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://stonecraft.forumeiros.com.pt/

Descrição do problema

https://i.imgur.com/064qjhh.png

Olá!

Peço ao senhor que crie um novo módulo JavaScript com o investimento no índice, com o seguinte código.

jQuery(document).ready(function(){var p=0,u='IMAGEM_FECHAR',v='IMAGEM_ABRIR';jQuery('#main .main .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: 10px;margin-top: -20px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0);}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0);}});p++;});});

Vermelho Imagem de fechar a categoria.
Verde Imagem de abrir a categoria.


Atenciosamente.

jQuery(document).ready(function(){var p=0,u='https://i.imgur.com/F9RvQiJ.png',v='https://i.imgur.com/VXHqhLU.png';jQuery('#main .main .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: 10px;margin-top: -20px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0);}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0);}});p++;});});

Não funcionou

Olá!

Senhor tem certeza que não funciona? adicionei o código em seu fórum e está funcionando perfeitamente.
Verifique se os seus JavaScript estão habilitados, caso não habilite.

Código:

[code]jQuery(document).ready(function(){var p=0,u='http://i.imgur.com/F9RvQiJ.png',v='http://i.imgur.com/VXHqhLU.png';jQuery('#main .main .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: 10px;margin-top: -20px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0);}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0);}});p++;});});[/code]

RESULTADO EM SEU FÓRUM:

Atenciosamente.

Bom dia.

Poderia explicar o que quer exatamente? Não consigo compreendê-lo por falta de informações em seu tópico.

@Stonay este é o endereço real do seu fórum? caso não me informe o link do seu fórum verdadeiro.
Pois fui até o seu fórum e o código não está ativo.


Tem como deixar ele ativo em seu fórum? Não excluí o código até quando seu pedido não for resolvido.


Atenciosamente.

@First
http://stonecraft.forumeiros.com.pt/

Você poderia colocar o código para mim?

Olá,

A Forumeiros indica para você não passar dados para usuários de seu fórum. Então eu não posso, o máximo que posso é lhe dar é faq explicando como e onde ir para adicionar o código JavaScript.
[FAQ] Páginas .JS

@Stonay você também pode olhar estes tutoriais...
[TUTORIAL] Criar uma categoria retrátil com javascript
[TUTORIAL] Criar uma categoria retrátil


Atenciosamente.

Shek escreveu:Bom dia.

Poderia explicar o que quer exatamente? Não consigo compreendê-lo por falta de informações em seu tópico.

Autor, poderia responder a minha pergunta???

.

Desculpe pelo double-post
Olhem:

https://i.imgur.com/Mm3jKdz.png
https://i.imgur.com/4i0hOSw.png

Boa tarde!

Sim, eu vi sua imagem na primeira postagem, o que quero saber é... O que é exatamente isso? Nos dê detalhes do que acontece nessa imagem, ou simplesmente me informe a URL de origem mencionando o local que ela se encontra, para que eu compreenda.

Eu não sei ao certo, mas se for o que penso que seja, leia os tópicos abaixo:
https://ajuda.forumeiros.com/t96088-
https://ajuda.forumeiros.com/t86121-
https://ajuda.forumeiros.com/t38494-

Atenciosamente,
Shek

@Shek
É isso mesmo. Mas como eu disse, não está resultando!

Você pode usar este tutorial: https://ajuda.forumeiros.com/t23387-tutorial-criar-uma-categoria-retratil

Não resultou, e bugou meu fórum !

Bugou em que sentido?

Quais alterações foram feitas?

@Shek
Já arrumei.
Mas o botão + e -
Não resultou.

Boa tarde!

Troque o código do @First por este código:

Código:

jQuery(document).ready(function() {
        var p = 0,
            u = 'http://i.imgur.com/F9RvQiJ.png',
            v = 'http://i.imgur.com/VXHqhLU.png';
        jQuery('#main .main .main-head').each(function() {
            jQuery(this).next().attr('id', p);
            jQuery(this).next().css('display', my_getcookie('cat-' + jQuery(this).next().attr('id')));
            jQuery(this).append('<img src="' + u + '" id="abrirf" style="float: right;margin-right: 10px;margin-top: -20px;"/>');
            jQuery(this).find('#abrirf').click(function() {
                var i = jQuery(this).closest('.main-head').next();
                if (i.css('display') == 'none') {
                    i.slideToggle();
                    jQuery(this).attr('src', u);
                    my_setcookie('cat-' + jQuery(this).closest('.main-head').next().attr('id'), 'block', 1, 0);
                } else {
                    i.slideToggle();
                    jQuery(this).attr('src', v);
                    my_setcookie('cat-' + jQuery(this).closest('.main-head').next().attr('id'), 'none', 1, 0);
                }
            });
            p++;
        });
    });

Adicione em HTML e JS > Gestão das páginas JS > Criar um novo Javascript > Investimento > No índice > e cole o código e salve.

RESOLVIDO