Como colocar o botão + e -

3 participantes

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

Tópico resolvido Como colocar o botão + e -

Mensagem por Stonay Sáb 3 Jan 2015 - 9:08

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
avatar

Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por First Sáb 3 Jan 2015 - 13:05

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 Seta Imagem de fechar a categoria.
Verde Seta Imagem de abrir a categoria.


Atenciosamente. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Stonay Sáb 3 Jan 2015 - 14:32

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
avatar

Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por First Sáb 3 Jan 2015 - 14:38

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. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Shek Sáb 3 Jan 2015 - 14:43

Bom dia.

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Stonay Sáb 3 Jan 2015 - 15:19

avatar

Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por First Sáb 3 Jan 2015 - 15:23

@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.
Como colocar o botão + e - Px3EeA9

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


Atenciosamente. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Stonay Sáb 3 Jan 2015 - 15:27

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

Você poderia colocar o código para mim?
avatar

Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por First Sáb 3 Jan 2015 - 15:37

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. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Shek Sáb 3 Jan 2015 - 15:39

Shek escreveu:Bom dia.

Poderia explicar o que quer exatamente? Não consigo compreendê-lo por falta de informações em seu tópico. Triste
Autor, poderia responder a minha pergunta???
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Stonay Sáb 3 Jan 2015 - 15:41

.


Última edição por Stonay em Sáb 3 Jan 2015 - 15:44, editado 1 vez(es)
avatar

Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Stonay Sáb 3 Jan 2015 - 15:44

avatar

Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Shek Sáb 3 Jan 2015 - 15:46

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Stonay Sáb 3 Jan 2015 - 15:47

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

Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Shek Sáb 3 Jan 2015 - 16:13

Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Stonay Sáb 3 Jan 2015 - 17:16

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

Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Shek Sáb 3 Jan 2015 - 17:24

Bugou em que sentido?

Quais alterações foram feitas?
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Stonay Sáb 3 Jan 2015 - 17:28

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

Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Shek Sáb 3 Jan 2015 - 19:08

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.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Stonay Sáb 3 Jan 2015 - 22:06

RESOLVIDO
avatar

Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como colocar o botão + e -

Mensagem por Shek Ter 6 Jan 2015 - 19:56

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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