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
208 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 206 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 botões na Caixa de Resposta Rápida

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

Resolvido Adicionar botões na Caixa de Resposta Rápida

Mensagem por Kenno LP em 21/06/17, 11:29 am

Detalhes da questão


Endereço do fórum: http://survivewarz.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá!
Eu sou o Kenno, ACP do fórum Scavenge WarZ (mais uma vez, hehe).

Eu queria esclarecer uma dúvida com vocês.

No final de uma página que tem um tópico, tem uma caixa de resposta rápida.
Eu gostaria de adicionar 4 botões nessa caixa (eu sei que é possível), que quando clicamos nos botões, em cada um deles coloque automaticamente na caixa de texto de resposta rápido uma frase definida.

Por exemplo, se eu clicasse num desses botões da caixa de resposta rápida, automaticamente, aparecia uma mensagem na caixa de texto, pronta para enviar (depois era só clicar no botão para enviá-la como resposta).

E, depois de eu ter esses botões, na Caixa de Resposta Rápida, eu gostaria que só administradores (a partir de um cargo que eu escolhesse, até ao ACP do fórum), pudessem ter os botões na caixa de resposta rápida, e que os conseguissem usar, e os membros do fórum que não são administradores, que não aparecesse os botões na caixa de resposta rápida para eles, para eles não usarem.

Espero que me possam ajudar.
avatar

Kenno LP
Nível 7

Masculino
Inscrito dia : 20/06/2017
Mensagens : 83
Pontos Ativos : 118

Ver perfil do usuário http://survivewarz.forumeiros.com
  • 0

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por iPrompt em 21/06/17, 11:54 am

Olá,

Leia o tutorial abaixo, e veja se é o que deseja

http://ajuda.forumeiros.com/t93900-
http://ajuda.forumeiros.com/t91874-

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Kenno LP em 21/06/17, 01:03 pm

Sim, era isso iPrompt, mas eu não percebi como mudar o texto automático que vem quando clicamos nos botões :/ Gostaria de alterá-los.
avatar

Kenno LP
Nível 7

Masculino
Inscrito dia : 20/06/2017
Mensagens : 83
Pontos Ativos : 118

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

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por iPrompt em 21/06/17, 01:08 pm

Olá,

Caso seja sobre o tutorial abaixo, nele explica como alterar, você altera no código JAVASCRIPT

http://ajuda.forumeiros.com/t93900-

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Luiz em 21/06/17, 01:12 pm

Na verdade o tutorial acima está bem defasado.
Se o senhor quiser, podemos fazer um melhor. Feliz

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Kenno LP em 21/06/17, 01:21 pm

@iPrompt escreveu:Olá,

Caso seja sobre o tutorial abaixo, nele explica como alterar, você altera no código JAVASCRIPT

http://ajuda.forumeiros.com/t93900-

Até

Sim, é esse, mas eu acho que vocês não estão percebendo bem o que eu pretendo.. O tutorial que você me mandou explica como alterar a mensagem que aparece quando colocamos o mouse em cima dos botões, e eu já fiz isso com sucesso.. Eu não pretendo isso.

Depois de você completar o tutorial que você me mandou, você vai lá na caixa de resposta rápida, e estão lá os botões.
Quando você clica em qualquer um dos botões, ele automaticamente escreve uma mensagem na caixa de texto.

Eu gostaria de saber como editar essa mensagem para todos os botões.
Se me puder explicar, agradeço desde já.
avatar

Kenno LP
Nível 7

Masculino
Inscrito dia : 20/06/2017
Mensagens : 83
Pontos Ativos : 118

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

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Luiz em 21/06/17, 01:22 pm

Luiz~ escreveu:Na verdade o tutorial acima está bem defasado.
Se o senhor quiser, podemos fazer um melhor. Feliz

o/

Você leu essa mensagem? Envergonhado


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Kenno LP em 21/06/17, 01:24 pm

Li, então, por favor, me explique como eu faço o que estou pretendendo.
avatar

Kenno LP
Nível 7

Masculino
Inscrito dia : 20/06/2017
Mensagens : 83
Pontos Ativos : 118

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

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Luiz em 21/06/17, 01:56 pm

Remova o JavaScript passado anteriormente, caso o senhor tenha criado um.
Em seguida, crie um novo JavaScript, com o código:

Atualizado:
Código:
/**
 *! Criar botões no SCEditor.
 *
 *  @licence MIT
 *  @author Luiz~
 *  @see <a href="http://ajuda.forumeiros.com">Fórum dos Fóruns</a>
 */
(function ($) {
  'use strict';
 
  /*
  *! Configurações:
  *  Aqui é o local o qual você irá configurar seu JavaScript,
  *  podendo criar quandos botões desejar.
  *  Basta seguir o padrão, conforme colocado abaixo...
  */
  var config = {
    buttons: [
      {
        icon: 'http://i.imgur.com/t8uGPoX.png',
        text : 'Mensagem de aviso, ou qualquer outra coisa.',
        onlyMod: true
      },
      {
        icon: 'http://i.imgur.com/bHuEfLt.png',
        text: 'Mensagem de sucesso, ou qualquer outra coisa. :)',
        onlyMod: false
      }
    ],
 
    styles: [
      '.fa-extended-button div {',
      '  background-size: 16px 16px;',
      '  background-position: center center;',
      '}'
    ].join('\n')
  };
 
  $(window).on('load', function () {
   
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea.sceditor) {
      console.log('O SCEditor não está presente nesta página.');
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
    var $lastGroup = $('.sceditor-group').last();
 
    /*
    * Colocando os estilos no <head>:
    */
    $(['<style type="text/css">', config.styles, '</style>'].join('\n')).appendTo('head');
 
    /*
    * Parte principal do código:
    * É aqui que nós criamos os botões com base nas
    * configurações as quais setamos acima.
    */
    $.each(config.buttons, function (index, button) {
 
      /*
      * Condição para checar se o usuário é um moderador,
      * e se a configuração "onlyMod" está marcada como true.
      */
      if (button.onlyMod  && _userdata.user_level <= 0) {
        return;
      }
 
      $([
        '<div class="sceditor-group fa-extended-group">',
        '  <a class="sceditor-button fa-extended-button" unselectable="on" title="' + button.text + '">',
        '    <div unselectable="on" style="background-image: url(' + button.icon + ')"></div>',
        '  </a>',
        '</div>',
      ].join('\n'))
        .insertAfter($lastGroup)
          .on('click', function () {
            $sceditor.insertText(button.text);
          })
      ;   
    });
  });
}(jQuery));

No código acima, temos essa parte:
Código:
buttons: [
  {
    icon: 'http://i.imgur.com/t8uGPoX.png',
    text : 'Mensagem de aviso, ou qualquer outra coisa.',
    onlyMod: true
  },
  {
    icon: 'http://i.imgur.com/bHuEfLt.png',
    text: 'Mensagem de sucesso, ou qualquer outra coisa. :)',
    onlyMod: false
  }
],

É nela em que os botões são criados.
Como pode perceber, nós abrimos duas chaves ( { e } ) e dentro delas, nós colocamos a configuração dos botões.

Por exemplo:
Código:
{
  icon: 'http://i.imgur.com/t8uGPoX.png',
  text : 'Mensagem de aviso, ou qualquer outra coisa.',
  onlyMod: true
},

Existem três campos para o senhor completar:

icon
: O senhor deverá colocar o ícone do botão. Uma URL de imagem.


text
: O senhor deverá colocar o texto que será inserido ao clicar no botão.


onlyMod
: Chamamos isso de boolean no JavaScript, isto é, uma configuração que só aceita true ou false.
Se colocado como true, somente moderadores poderão ver o botão, enquanto se for colocado como false, todos os usuários poderão ver.

Você pode criar quantos grupos quiser, basta colocar mais um conjunto como este:
Código:
{
  icon: 'http://i.imgur.com/t8uGPoX.png',
  text : 'Mensagem de aviso, ou qualquer outra coisa.',
  onlyMod: true
},

Lembre-se de colocar vírgula ao final de todos os grupos, exceto no último!

o/

---

Edit:
Tinha um pequeno erro no código, que impedia os botões de aparecerem. Troque o código, caso o senhor já tenha colocado.

Feliz


Última edição por Luiz~ em 21/06/17, 02:24 pm, editado 2 vez(es) (Razão : Correção no código.)


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Kenno LP em 21/06/17, 02:42 pm

Não funcionou, Luiz~ :/
Os botões não aparecem mais na caixa de resposta rápida.

Eu usei o seguinte código (eu que o editei):


Código:
/**
 *! Criar botões no SCEditor.
 *
 *  @licence MIT
 *  @author Luiz~
 *  @see <a href="http://ajuda.forumeiros.com">Fórum dos Fóruns</a>
 */
(function ($) {
  'use strict';
 
  /*
  *! Configurações:
  *  Aqui é o local o qual você irá configurar seu JavaScript,
  *  podendo criar quandos botões desejar.
  *  Basta seguir o padrão, conforme colocado abaixo...
  */
  var config = {
    buttons: [
      {
        icon: 'http://i.imgur.com/EISZPwN.png',
        text : 'Sua conta foi aceita na whitelist, chame seus amigos para jogar e bom jogo!',
        onlyMod: true
      },
      {
        icon: 'http://i.imgur.com/lMsD0nE.png',
        text : 'Recusado.
        Motivo: Fake, antiga conta banida.',
        onlyMod: true
      },
      {
        icon: 'http://i.imgur.com/cI8SnOI.png',
        text : 'Sua conta não está em nosso banco de dados, se registre no nosso servidor, só assim poderá ser aceito.
        IP: 192.95.8.254:2222',
        onlyMod: true
      },
      {
        icon: 'http://i.imgur.com/bHuEfLt.png',
        text: 'Recusado.
        Motivo: Nick Inválido. Crie uma nova whitelist com um nick válido!',
        onlyMod: true
      }
    ],
 
    styles: [
      '.fa-extended-button div {',
      '  background-size: 16px 16px;',
      '  background-position: center center;',
      '}'
    ].join('\n')
  };
 
  $(function () {
   
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea.sceditor) {
      console.log('O SCEditor não está presente nesta página.');
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
    var $lastGroup = $('.sceditor-group').last();
 
    /*
    * Colocando os estilos no <head>:
    */
    $(['<style type="text/css">', config.styles, '</style>'].join('\n')).appendTo('head');
 
    /*
    * Parte principal do código:
    * É aqui que nós criamos os botões com base nas
    * configurações as quais setamos acima.
    */
    $.each(config.buttons, function (index, button) {
 
      /*
      * Condição para checar se o usuário é um moderador,
      * e se a configuração "onlyMod" está marcada como true.
      */
      if (button.onlyMod  && _userdata.user_level <= 0) {
        console.log('n mod')
        return;
      }
 
      $([
        '<div class="sceditor-group fa-extended-group">',
        '  <a class="sceditor-button fa-extended-button" unselectable="on" title="' + button.text + '">',
        '    <div unselectable="on" style="background-image: url(' + button.icon + ')"></div>',
        '  </a>',
        '</div>',
      ].join('\n'))
        .insertAfter($lastGroup)
          .on('click', function () {
            $sceditor.insertText(button.text);
          })
      ;   
    });
  });
}(jQuery));


Espero que me possa ajudar.
avatar

Kenno LP
Nível 7

Masculino
Inscrito dia : 20/06/2017
Mensagens : 83
Pontos Ativos : 118

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

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Kenno LP em 21/06/17, 02:43 pm

Ups! Não tinha visto a mensagem editada ainda! Vou tentar agora, com o novo código.
avatar

Kenno LP
Nível 7

Masculino
Inscrito dia : 20/06/2017
Mensagens : 83
Pontos Ativos : 118

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

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Luiz em 21/06/17, 02:50 pm


Atenção!

Você não pode fazer UP's antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que leia as regras do setor de suporte e principalmente a do Fórum dos Fóruns para não cometer novos erros!
Regras do FdF | Regras do Setor de Suporte

Olá,

Por favor, não poste mensagens consecutivas antes de 24 horas.
Você não pode dar quebras de linha no JavaScript. Use \n ao invés.

Código:
/**
 *! Criar botões no SCEditor.
 *
 *  @licence MIT
 *  @author Luiz~
 *  @see <a href="http://ajuda.forumeiros.com">Fórum dos Fóruns</a>
 */
(function ($) {
  'use strict';
 
  /*
  *! Configurações:
  *  Aqui é o local o qual você irá configurar seu JavaScript,
  *  podendo criar quandos botões desejar.
  *  Basta seguir o padrão, conforme colocado abaixo...
  */
  var config = {
    buttons: [
      {
        icon: 'http://i.imgur.com/EISZPwN.png',
        text : 'Sua conta foi aceita na whitelist, chame seus amigos para jogar e bom jogo!',
        onlyMod: true
      },
      {
        icon: 'http://i.imgur.com/lMsD0nE.png',
        text : 'Recusado.\nMotivo: Fake, antiga conta banida.',
        onlyMod: true
      },
      {
        icon: 'http://i.imgur.com/cI8SnOI.png',
        text : 'Sua conta não está em nosso banco de dados, se registre no nosso servidor, só assim poderá ser aceito.\n IP: 192.95.8.254:2222',
        onlyMod: true
      },
      {
        icon: 'http://i.imgur.com/bHuEfLt.png',
        text: 'Recusado. \nMotivo: Nick Inválido. Crie uma nova whitelist com um nick válido!',
        onlyMod: true
      }
    ],
 
    styles: [
      '.fa-extended-button div {',
      '  background-size: 16px 16px;',
      '  background-position: center center;',
      '}'
    ].join('\n')
  };
 
  $(window).on('load', function () {
   
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea.sceditor) {
      console.log('O SCEditor não está presente nesta página.');
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
    var $lastGroup = $('.sceditor-group').last();
 
    /*
    * Colocando os estilos no <head>:
    */
    $(['<style type="text/css">', config.styles, '</style>'].join('\n')).appendTo('head');
 
    /*
    * Parte principal do código:
    * É aqui que nós criamos os botões com base nas
    * configurações as quais setamos acima.
    */
    $.each(config.buttons, function (index, button) {
 
      /*
      * Condição para checar se o usuário é um moderador,
      * e se a configuração "onlyMod" está marcada como true.
      */
      if (button.onlyMod  && _userdata.user_level <= 0) {
        return;
      }
 
      $([
        '<div class="sceditor-group fa-extended-group">',
        '  <a class="sceditor-button fa-extended-button" unselectable="on" title="' + button.text + '">',
        '    <div unselectable="on" style="background-image: url(' + button.icon + ')"></div>',
        '  </a>',
        '</div>',
      ].join('\n'))
        .insertAfter($lastGroup)
          .on('click', function () {
            $sceditor.insertText(button.text);
          })
      ;   
    });
  });
}(jQuery));

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Kenno LP em 21/06/17, 02:53 pm

Tem como colocar uma palavra a negrito?
avatar

Kenno LP
Nível 7

Masculino
Inscrito dia : 20/06/2017
Mensagens : 83
Pontos Ativos : 118

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

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Luiz em 21/06/17, 02:59 pm

Basta colocar:
Código:
[b] PALAVRA AQUI [/b]

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Kenno LP em 21/06/17, 03:03 pm

Muito obrigado ajudeiro Luiz~ por cumprir o seu trabalho muito bem e esclarecer a minha dúvida.
Pode dar como resolvido, pois funcionou Feliz
avatar

Kenno LP
Nível 7

Masculino
Inscrito dia : 20/06/2017
Mensagens : 83
Pontos Ativos : 118

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

Resolvido Re: Adicionar botões na Caixa de Resposta Rápida

Mensagem por Luiz em 21/06/17, 03:09 pm

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 e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

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