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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Imagem em determinada área
Hoje à(s) 03:27 pm por Harleen

» Melhorar a aparência desta caixa
Hoje à(s) 03:18 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Hoje à(s) 01:35 pm por Shek

» Efeito no avatar em mensagens no tópico
Hoje à(s) 12:35 pm por Harleen

» Remover permissão
Hoje à(s) 11:22 am por Harleen

» Imagem do topico
Hoje à(s) 11:07 am por Harleen

» Template tópicos recentes
Hoje à(s) 10:45 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Harleen
 
Fatalisss
 
JulioPais
 
Holkis
 
Shek
 
APOllO
 
Forumpw
 
MtX
 
Roger_Crazzy
 

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

Angeloid, Connor R., Dark Hunter, Lincoln, Roger_Crazzy

[ 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 5

Masculino
Inscrito dia : 20/06/2017
Mensagens : 50
Pontos Ativos : 71

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 : 5312
Pontos Ativos : 6769

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 5

Masculino
Inscrito dia : 20/06/2017
Mensagens : 50
Pontos Ativos : 71

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 : 5312
Pontos Ativos : 6769

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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 5

Masculino
Inscrito dia : 20/06/2017
Mensagens : 50
Pontos Ativos : 71

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
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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 5

Masculino
Inscrito dia : 20/06/2017
Mensagens : 50
Pontos Ativos : 71

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.)
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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 5

Masculino
Inscrito dia : 20/06/2017
Mensagens : 50
Pontos Ativos : 71

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 5

Masculino
Inscrito dia : 20/06/2017
Mensagens : 50
Pontos Ativos : 71

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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 5

Masculino
Inscrito dia : 20/06/2017
Mensagens : 50
Pontos Ativos : 71

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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 5

Masculino
Inscrito dia : 20/06/2017
Mensagens : 50
Pontos Ativos : 71

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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