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
» Emblemas não está sendo modificado
Hoje à(s) 12:14 am por iScroll

» Forum atualiza mais não modifica
Ontem à(s) 11:59 pm por paulim78

» Adicionar Imagem
Ontem à(s) 11:57 pm por paulim78

» Efeito Canvas
Ontem à(s) 11:04 pm por Daniel Yan

» posição like.
Ontem à(s) 10:58 pm por paulim78

» Código JavaScript do Chatbox não surtiu efeito
Ontem à(s) 10:50 pm por Lemon~

» Problema com Widget Tópicos Recentes
Ontem à(s) 10:04 pm por Ketholy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Ketholy
 
paulim78
 
Gaaratsu
 
while
 
Shek
 
Fou-Lu
 
Eduardo Lima
 
Lemon~
 
odelgado
 
LucasPofahl
 

Quem está conectado
209 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 207 Visitantes :: 2 Motores de busca

Punisher, YouTube Funk

[ Ver toda a lista ]


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

Adicionar um botão do Spotify no SCEditor

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

Resolvido Adicionar um botão do Spotify no SCEditor

Mensagem por Japis Br em 04/06/17, 08:13 pm

Detalhes da questão


Endereço do fórum: http://brasilcitylife.livreforum.com/forum
Versão do fórum: phpBB2

Descrição


Adicionei o Js em todas as páginas porém o código não tem efeito, suspeito que eu esteja inserindo o link errado ou algo do tipo, não vi problemas com o botão e sim com o resultado final.



Me dê algum exemplo de URL para inserir aqui, acho que estou fazendo algo errado.
avatar

Japis Br
Nível 6

Masculino
Inscrito dia : 14/01/2017
Mensagens : 68
Pontos Ativos : 102

Ver perfil do usuário http://barao.livreforum.com

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Shek em 05/06/17, 08:52 am

Bom dia.

O script do tutorial para adicionar o botão do Spotify no SCEditor está ativo em seu fórum? Por favor, ative-o e nos avise para que seja possível verificar se há erros em seu javascript.

Até mais.


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 : 17017
Pontos Ativos : 21315

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

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Japis Br em 05/06/17, 08:53 am

Shek Crowley escreveu:Bom dia.

O script do tutorial para adicionar o botão do Spotify no SCEditor está ativo em seu fórum? Por favor, ative-o e nos avise para que seja possível verificar se há erros em seu javascript.

Até mais.

Está sim amigo, a função dele está boa, porém na hora de visualizar o player da spotify nada acontece...
avatar

Japis Br
Nível 6

Masculino
Inscrito dia : 14/01/2017
Mensagens : 68
Pontos Ativos : 102

Ver perfil do usuário http://barao.livreforum.com

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Shek em 05/06/17, 08:56 am

E em qual tópico está o código do spotify?


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 : 17017
Pontos Ativos : 21315

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

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Japis Br em 05/06/17, 09:01 am

Shek Crowley escreveu:E em qual tópico está o código do spotify?

Siga o link por gentileza: http://brasilcitylife.livreforum.com/t23-there-for-you-martin-garrix#47
avatar

Japis Br
Nível 6

Masculino
Inscrito dia : 14/01/2017
Mensagens : 68
Pontos Ativos : 102

Ver perfil do usuário http://barao.livreforum.com

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Kyo Panda em 05/06/17, 09:15 am

O senhor precisaria liberar o acesso a visitantes para esse tópico.


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4584
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Japis Br em 05/06/17, 09:22 am

@Kyo Panda escreveu:O senhor precisaria liberar o acesso a visitantes para esse tópico.

Feito, já está liberado, desculpe por isso ....
avatar

Japis Br
Nível 6

Masculino
Inscrito dia : 14/01/2017
Mensagens : 68
Pontos Ativos : 102

Ver perfil do usuário http://barao.livreforum.com

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Kyo Panda em 05/06/17, 09:25 am

Tente trocar o script por esse:

Código:
/**
 * Adicione um botão do Spotify ao seu SCEditor.
 *
 * @author Luiz~
 * @author Kyo Panda
 *
 * @see <a href="http://ajuda.forumeiros.com/">Fórum dos Fóruns</a>
 * @licence MIT
 */
(function($) {
  'use strict';
 
  var faAtributes = {
    scBtn: [
      'class="sceditor-button sceditor-button-spotify" ',
      'data-sceditor-command="spotify" ',
      'unselectable="on" ',
      'title="Inserir playlist do spotify" ',
      'style="',
      'background-image: url(http://i.imgur.com/helTFAw.png)!important;',
      'background-size: 16px!important;',
      'background-position: center!important;',
      'background-repeat: no-repeat!important;',
      '"',
    ].join('\n')
  };
 
  $(document).on('ready', function () {
      var $sceditor = $("#text_editor_textarea");
     
      if (!$sceditor.length) {
        return;
      }
 
      // [?] Criar os novos estilos:
      $([
        '<div class="sceditor-group fa-spotify-group">',
        '  <a ' + faAtributes.scBtn + '>',
        '    <div unselectable="on" style="background-image: none!important;">Spotify</div>',
        '  </a>',
        '</div>',
      ].join('\n'))
        .on('click', function () {
          $('.sceditor-insertspotify').toggle();
        })
          .insertAfter('.sceditor-group:last')
      ;
 
      // [?] Colocar o Dropdown no <body>:
      $([
        '<div class="sceditor-dropdown sceditor-insertspotify">',
        '  <div>',
        '    <label for="fa-spotify-input">ID da Playlist (Opcional):</label>',
        '    <input id="fa-spotify-input" value="">',
        '  </div>',
        '  <div>',
        '    <input type="button" class="button" ' +
        '    id="fa-spotify-button" value="Inserir">',
        '  </div>',
        '</div>',
      ].join('\n'))
        .css({
          left: $('.fa-spotify-group').offset().left + 'px',
          top: $('.fa-spotify-group').offset().top + 'px',
          marginTop: '28px',
          display: 'none'
        })
          .appendTo('body')
      ;
 
    // [?] Evento de inserção no SCEditor:
    $('#fa-spotify-button')
      .on('click', function () {
        $sceditor.sceditor('instance').insertText('[spotify]' + $('#fa-spotify-input').val() + '[/spotify]');
        $('.sceditor-insertspotify').toggle();
        $('#fa-spotify-input').val('');
    });
  });
 
  // [?] Substituir a tag nas mensagens:
  $(function () {
    $('.entry-content > div, .content > div').each(function() {
        var $this = $(this);
        $this.html($this.html().replace(/\[spotify\]([^\[]+)\[\/spotify\]/gi, function(text, match) {
          return $('<iframe>', {
            width: 300,
            height: 380,
            frameborder: 0,
            src: 'https://embed.spotify.com/?uri=' + match,
            allowtransparency: true
          }).prop('outerHTML');
        }));
    });
  });
}(jQuery));


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4584
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Japis Br em 05/06/17, 09:30 am

só tem um problema, observem o que acontece logo após o player da spotify


Última edição por Japis Br em 05/06/17, 09:33 am, editado 1 vez(es)
avatar

Japis Br
Nível 6

Masculino
Inscrito dia : 14/01/2017
Mensagens : 68
Pontos Ativos : 102

Ver perfil do usuário http://barao.livreforum.com

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Shek em 05/06/17, 09:32 am

No tópico original? Qual deles? Você diz no tutorial?


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 : 17017
Pontos Ativos : 21315

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

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Japis Br em 05/06/17, 09:35 am

@Shek escreveu:No tópico original? Qual deles? Você diz no tutorial?

No original, .... receio que ele esteja com problema, o script do Kyo funcionou porém logo após o player da spotify ele acrescenta uma linha de código

avatar

Japis Br
Nível 6

Masculino
Inscrito dia : 14/01/2017
Mensagens : 68
Pontos Ativos : 102

Ver perfil do usuário http://barao.livreforum.com

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Kyo Panda em 05/06/17, 10:22 am

O senhor deve utilizar apenas o código gerado pelo Spotify, e não a URL toda. Se colocar a URL, o FA gerará um link dele e o mesmo aparecerá na página.


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4584
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Japis Br em 05/06/17, 10:33 am

Então pode encerrar o tópico, e mais uma vez muito obrigado Kyo Panda !
avatar

Japis Br
Nível 6

Masculino
Inscrito dia : 14/01/2017
Mensagens : 68
Pontos Ativos : 102

Ver perfil do usuário http://barao.livreforum.com

Resolvido Re: Adicionar um botão do Spotify no SCEditor

Mensagem por Kyo Panda em 05/06/17, 10:37 am

o/

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


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4584
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

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