Botão de Esconder parou de funcionar

2 participantes

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

Tópico resolvido Botão de Esconder parou de funcionar

Mensagem por iScroll 15.09.17 21:10

Detalhes da questão


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

Descrição


Bom, meu botão de esconder parou de funcionar, acho que nas alterações que fiz eu editei o código dele >.<
Teria como ver pra mim novamente? Script está no Overall:

https://pastebin.com/bZ5WtMjn
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por Luiz 15.09.17 21:16

Remova o JavaScript do overalle crie um novo investido no índice:
Código:
(function ($) {
  'use strict';

  $(function () {
    $('.ion-android-remove-circle')
      .on('click', function () {

        var $this = $(this);
        $this
          .parents('table.table')
            .find('.statused')
              .toggle()
        ;
       
      })
    ;
  });
}(jQuery));

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por iScroll 15.09.17 21:20

Luiz escreveu:Remova o JavaScript do overalle crie um novo investido no índice:
Código:
(function ($) {
  'use strict';

  $(function () {
    $('.ion-android-remove-circle')
      .on('click', function () {

        var $this = $(this);
        $this
          .parents('table.table')
            .find('.statused')
              .toggle()
        ;
       
      })
    ;
  });
}(jQuery));

o/
Agora que lembrei que eu apaguei esse JS fazendo a limpa do fórum Rindo Rindo
Teria como adicionar um efeitozinho dele fechando igual antigamente ?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por Luiz 15.09.17 21:21

Código:
(function ($) {
  'use strict';

  $(function () {
    $('.ion-android-remove-circle')
      .on('click', function () {

        var $this = $(this);
        $this
          .parents('table.table')
            .find('.statused')
              .slideToggle()
        ;
       
      })
    ;
  });
}(jQuery));
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por iScroll 15.09.17 21:22

Luiz escreveu:
Código:
(function ($) {
  'use strict';

  $(function () {
    $('.ion-android-remove-circle')
      .on('click', function () {

        var $this = $(this);
        $this
          .parents('table.table')
            .find('.statused')
              .slideToggle()
        ;
       
      })
    ;
  });
}(jQuery));
Ainda está fechando sem tal efeito.
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por Luiz 15.09.17 21:27

Tente agora:
Código:
(function ($, css) {
  'use strict';

  $(function () {
    $('.ion-android-remove-circle')
      .on('click', function () {

        var $this = $(this);
        $this
          .parents('table.table')
            .find('.statused')
              .toggleClass('fa-hidden')
        ;
       
      })
    ;

    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.statused {',
  '  transition: opacity 250ms linear, visibility 250ms linear;',
  '  opacity: 1;',
  '  visibility: visible;',
  '  position: relative;',
  '}',
  '',
  '.fa-hidden {',
  '  opacity: 0;',
  '  visibility: hidden;',
  '  position: absolute;',
  '}'
]));

E:
Por favor, evite ficar citando mensagens assim, acaba por poluir o tópico. Deixe a citação para somente quando for necessário.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por iScroll 15.09.17 21:33

Certo, desculpe.
Ainda sem resultados ;/
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por Luiz 15.09.17 21:35

É complicado criar efeitos em tabelas.
Tente agora:
Código:
(function ($) {
  'use strict';

  $(function () {

    $('.table > .statused')
      .each(function () {
        $(this).wrap('<div class="tbody-wrapper"></div>');
      })
    ;
   
    $('.ion-android-remove-circle')
      .on('click', function () {

        var $this = $(this);
        $this
          .parents('table.table')
            .find('.statused > .tbody-wrapper')
              .slideToggle()
        ;
       
      })
    ;
  });
}(jQuery);
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por iScroll 15.09.17 21:39

Luiz escreveu:É complicado criar efeitos em tabelas.
Tente agora:
Código:
(function ($) {
  'use strict';

  $(function () {

    $('.table > .statused')
      .each(function () {
        $(this).wrap('<div class="tbody-wrapper"></div>');
      })
    ;
   
    $('.ion-android-remove-circle')
      .on('click', function () {

        var $this = $(this);
        $this
          .parents('table.table')
            .find('.statused > .tbody-wrapper')
              .slideToggle()
        ;
       
      })
    ;
  });
}(jQuery);
Agora o JS morreu kkkkk
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por Luiz 15.09.17 21:41

Não ria da morte de um JavaScript, jamais. Botão de Esconder parou de funcionar I0McNN9

---

Tente agora:
Código:
(function ($) {
  'use strict';

  $(function () {

    $('.table > .statused')
      .each(function () {
        $(this).wrap('<div class="tbody-wrapper"></div>');
      })
    ;
   
    $('.ion-android-remove-circle')
      .on('click', function () {

        var $this = $(this);
        $this
          .parents('table.table')
            .find('.statused > .tbody-wrapper')
              .slideToggle()
        ;
       
      })
    ;
  });
}(jQuery));
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por iScroll 15.09.17 21:45

KKkkkkkkk eu ri desse meme.
Enfim... Dando sequencia agora tu bugou tudo: http://prntscr.com/glnnfa husahushau
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por Luiz 15.09.17 21:47

Tentativa de número 1000:
Código:
(function ($) {
  'use strict';

  $(function () { 
    $('.ion-android-remove-circle')
      .on('click', function () {

        var $this = $(this);
        $this
          .parents('table.table')
            .find('.statused > .tbody-wrapper')
              .fadeToggle()
        ;
       
      })
    ;
  });
}(jQuery));
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por iScroll 15.09.17 21:53

Certo, sem resultado no JS. Não está funcionando.
Gostaria que eu te mandasse o JS com tal efeito ?

---
Edit: http://pedxz.forumeiros.com/forum este forum tem tal efeito.
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por Luiz 15.09.17 22:42

Tente agora:
Código:
(function ($) {
  'use strict';
 
  $(function () { 
    $('.ion-android-remove-circle')
      .on('click', function () {
 
        var $this = $(this);
        $this
          .parents('table.table')
            .find('.statused')
              .fadeToggle()
        ;
       
      })
    ;
  });
}(jQuery));
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por iScroll 15.09.17 22:49

Quaseeeeeeeeeeeeee
Da pra melhorar pra ficar igual ao do forum citado? Era o mesmo que eu tinha antes '-'
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por Luiz 15.09.17 22:54

Se desse já teria feito. :/

E o seu efeito antigo não tinha transição alguma.
-> https://ajuda.forumeiros.com/t108329-#761420
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por iScroll 15.09.17 23:11

Bah, de boa então, tá perfeito do jeito que está.
Só uma coisa, quando aparta o botão "esconder" ele não muda pro de expandir que seria um +
Teria como averiguar isso ?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por Luiz 15.09.17 23:14

Código:
(function ($) {
  'use strict';
 
  $(function () { 
    $('.ion-android-remove-circle')
      .on('click', function () {
 
        var $this = $(this);
        $this
             .toggleClass('ion-android-add-circle ion-android-remove-circle')
             .parents('table.table')
               .find('.statused')
                 .fadeToggle()
        ;
       
      })
    ;
  });
}(jQuery));
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por iScroll 15.09.17 23:38

Perfect, brô.
Close this topic, please ?
Envergonhado
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Botão de Esconder parou de funcionar

Mensagem por Luiz 15.09.17 23:51

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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