Detalhes do topico

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

Atendido / Resolvido Detalhes do topico

Mensagem por BrunoLemos em 27.10.17 20:12

Detalhes da questão


Endereço do fórum: http://aquariumbrasil.forumeiro.com
Versão do fórum: phpBB3

Descrição


Vamos ver se consigo explicar direito:

Eu queria que ao clicar em novo topico acima do espaço para escrever a mensagem propriamente dita tivesse uns campos de preenchimento obrigatório no meu caso seria os seguintes:

Tamanho do aquario[comprimento]x[largura]x[altura]
Litragem [(=VL-comprimento x VL-largura x VL-altuara)/1000] <<<-----se puder fazer o calculo automatico eu agardeço


Não obrigatórios:

Parâmetros:
Temperatura [ ] CO² [ ] PH [ ] KH [ ] GH [ ] DH
Amônia [ ] Nitrito [ ] Nitrato [ ]
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 27.10.17 20:16

Você deseja fazer mais ou menos como estes?
-> http://prntscr.com/h2v8th
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 27.10.17 20:25

Isso mesmo !!!! só que com as informações que eu escrevi lá em cima!
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 27.10.17 20:31

Poderia me dizer o nome de cada input que deseja? Aquilo ali em cima não ficou muito claro para mim. Envergonhado
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 27.10.17 20:39

Obrigatorios

Tamanho do aquario
[comprimento]x[largura]x[altura] <<<----Cada cochete é uma area para digitação
Litragem [(=VL-comprimento x VL-largura x VL-altuara)/1000] <<<-----o que coloquei em italico é uma formula de calculo onde multiplicando comprimento vezes largura, vezes altura chegamos a um valor "x" e esse valor é dividido po 1000 e encontra-se a litragem se não der de fazer esse calculo automatico coloque apenas uma caixa de digitação obrigatoria espero ter sido mais claro desta vez Rindo

Não obrigatórios:

Parâmetros:


Temperatura [ ]
CO² [ ]
PH [ ]
KH [ ]
GH [ ]
DH [ ]
Amônia [ ]
Nitrito [ ]
Nitrato [ ]
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 27.10.17 20:43

Entendi todos os campos, menos este:
Código:
Litragem [(=VL-comprimento x VL-largura x VL-altuara)/1000]
Você deve especificar um input para cada informação adicional. Não é possível adicionar duas informações em um só, como você colocou acima.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 27.10.17 20:49

No campo de tamanho suponhamos que eu coloque os seguintes valores 100x50x50

nesse campo de litragem quero o valor desses valores multiplicados e depois divididos por 1.000 que no caso seria a seguinte formula matemática: (100x50x50=250.000)/1.000=250L

Caso não seja possivel um campo de digitação me serve também
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 27.10.17 21:36

O senhor deseja esses campos somente na criação de um tópico ou em todas as caixas de mensagem?
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 28.10.17 1:14

Somente na criação de novos topicos
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 28.10.17 14:52

Olá,

Nesse caso, não seria melhor criar um formulário de postagens? Muito feliz
-> https://ajuda.forumeiros.com/t109239-
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 29.10.17 1:26

Infelizmente não é o que eu queria design muito feio totalmente diferente do que eu queria e pior só posso injetar em um forum por vez e pra configurar é muito complicado
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 30.10.17 12:28

UP
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 30.10.17 16:35

Crie um novo JavaScript investido em todas as páginas com este código:
Código:
/*globals jQuery, FA*/
 
/**
 * Criar inputs na criação do tópico.
 *
 * @author lffg <https://github.com/lffg>
 * @version 1.0
 */
 
(function ($) {
  'use strict';
 
  var inputs = [{
    label: 'Label do Input 1',
    placeholder: 'Placeholder do Input 1',
    insert: '[b]Valor do Input 1:[/b] {{CONTENT}}. \n\n', // {{CONTENT}} = O que o usuário colocou.
    required: true
  }, {
    label: 'Label do Input 2',
    placeholder: 'Placeholder do Input 2',
    insert: '[b]Valor do Input 2:[/b] {{CONTENT}}. \n\n', // O caractere especial \n é o mesmo que uma quebra de linha.
    required: true
  }, {
    label: 'Label do Input 3',
    insert: '[b]Valor do Input 3:[/b] {{CONTENT}}. \n\n',
    required: false
  }];
 
  inputs.reverse();
 
  window.FA = window.FA || {};
  FA.Posting = FA.Posting || {};
 
  var Inputs;
  FA.Posting.Inputs = Inputs = function (userConfig) {
    var self = this;
   
    self.defaults = {
      label: undefined,
      placeholder: undefined,
      insert: undefined,
      forums: ['*'],
      required: false
    };
 
    self.userConfig = userConfig;
 
    self.config = $.extend({}, self.defaults, self.userConfig);
  };
 
  Inputs.prototype.init = function () {
    var self = this;
 
    if (!$('input[type="subject"]')) {
      return false;
    }
 
    if (self.config.forums.indexOf('*') === -1) {
      var hrefId = parseInt(location.href.replace(/^.*\/post\?f=(\d+)&.*$/g, '$1'));
     
      if (self.config.forums.indexOf(hrefId) === -1) {
        return false;
      }
    }
 
    self.generate();
    self.listen(function () {
      self.parse();
    });
  };
 
  Inputs.prototype.generate = function () {
    var self = this;
 
    self.$wrapper = $([
      '<dl>',
      '  <dt>',
      '    ' + $('<label>', { 'text': self.config.label }).prop('outerHTML'),
      '  </dt>',
      '  <dd>',
      '    ' + $('<input />', { 'type': 'text' }).prop('outerHTML'),
      '  </dd>',
      '</dl>'
    ].join('\n'));
 
    self.$input = self.$wrapper.find('input');
 
    self.$input
      .attr('class', 'inputbox medium fa-generated-input')
      .attr('data-content', self.config.insert)
      .attr('placeholder', self.config.placeholder || '')
    ;
 
    if (self.config.required) {
      self.$input.attr('required', 'required');
    }
 
    $('input[name="subject"]')
      .parents('dl')
      .after(self.$wrapper)
    ;
  };
 
  Inputs.prototype.listen = function (fn) {
    var selectors = [
      '[required]',
      '[required="required"]',
      '[name="subject"]'
    ];
 
    $('[type="submit"]').on('click', function () {
      if ($(selectors.join(',')).val() === '') {
        return;
      }
 
      fn();
    });
  };
 
  Inputs.prototype.parse = function () {
    var self = this;
 
    if (!$.sceditor) {
      alert('[Input\'s Script] Fatal Error. [Error Code: 001]');
      return false;
    }
 
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
 
    var content = self.config.insert;
    var value = $.trim(self.$input.val());
 
    content = content.replace(/{{CONTENT}}/gi, value);
 
    $sceditor.val(content + $sceditor.val());
  };
 
  $(function () {
    $.each(inputs, function () {
      var self = this;
 
      (new FA.Posting.Inputs(self)).init();
    });
  });
}(jQuery));

Você pode configurar os campos neste array de configuração:
Código:
var inputs = [{
  label: 'Label do Input 1',
  placeholder: 'Placeholder do Input 1',
  insert: '[b]Valor do Input 1:[/b] {{CONTENT}}. \n\n', // {{CONTENT}} = O que o usuário colocou.
  required: true
}, {
  label: 'Label do Input 2',
  placeholder: 'Placeholder do Input 2',
  insert: '[b]Valor do Input 2:[/b] {{CONTENT}}. \n\n', // O caractere especial \n é o mesmo que uma quebra de linha.
  required: true
}, {
  label: 'Label do Input 3',
  insert: '[b]Valor do Input 3:[/b] {{CONTENT}}. \n\n',
  required: false
}];

É só dar uma olhada que acho que você entende. Feliz
Qualquer dúvida, só falar. o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 11:03

Estou testando os códigos passados porem com um pouco de dificuldade pois não sou muito bom com códigos.
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 11:09

O senhor está tendo algum problema? Explique melhor para que eu possa ajudá-lo com mais precisão... Piscada
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 12:39

Estou tentado chegar neste resultado porém tô me enrrolando todo Envergonhado

Detalhes do topico Fdf_me10
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 12:44

Como ficou o código que você tentou editar? Feliz
Preciso ver a forma como você configurou... Provavelmente tem algum errinho pequeno.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 13:14

Eu já mechi bastante e não consigo colocar conforme a imagem que eu fiz pois as caixas de digitação ficam do mesmo tamanho e não ficam lado a lado coo eu queria, fora que não consigo por os titulos como "aquário" em cima dos parâmetros que estou querendo informação

Código:
/*globals jQuery, FA*/
 
/**
 * Criar inputs na criação do tópico.
 *
 * @author lffg <https://github.com/lffg>
 * @version 1.0
 */
 
(function ($) {
  'use strict';
 
  var inputs = [{
    label: 'Comprimento',
    placeholder: 'Comprimento em cm',
    insert: '[b]Valor do Input 1:[/b] {{CONTENT}}. \n\n', // {{CONTENT}} = O que o usuário colocou.
    required: true
  }, {
    label: 'Largura',
    placeholder: 'Largura em cm',
    insert: '[b]Valor do Input 2:[/b] {{CONTENT}}. \n\n', // O caractere especial \n é o mesmo que uma quebra de linha.
    required: true
  }, {
    label: 'Altura',
    placeholder: 'Altura em cm',
    insert: '[b]Valor do Input 3:[/b] {{CONTENT}}. \n\n',
    required: false
  }];
 
  inputs.reverse();
 
  window.FA = window.FA || {};
  FA.Posting = FA.Posting || {};
 
  var Inputs;
  FA.Posting.Inputs = Inputs = function (userConfig) {
    var self = this;
   
    self.defaults = {
      label: undefined,
      placeholder: undefined,
      insert: undefined,
      forums: ['*'],
      required: false
    };
 
    self.userConfig = userConfig;
 
    self.config = $.extend({}, self.defaults, self.userConfig);
  };
 
  Inputs.prototype.init = function () {
    var self = this;
 
    if (!$('input[type="subject"]')) {
      return false;
    }
 
    if (self.config.forums.indexOf('*') === -1) {
      var hrefId = parseInt(location.href.replace(/^.*\/post\?f=(\d+)&.*$/g, '$1'));
     
      if (self.config.forums.indexOf(hrefId) === -1) {
        return false;
      }
    }
 
    self.generate();
    self.listen(function () {
      self.parse();
    });
  };
 
  Inputs.prototype.generate = function () {
    var self = this;
 
    self.$wrapper = $([
      '<dl>',
      '  <dt>',
      '    ' + $('<label>', { 'text': self.config.label }).prop('outerHTML'),
      '  </dt>',
      '  <dd>',
      '    ' + $('<input />', { 'type': 'text' }).prop('outerHTML'),
      '  </dd>',
      '</dl>'
    ].join('\n'));
 
    self.$input = self.$wrapper.find('input');
 
    self.$input
      .attr('class', 'inputbox medium fa-generated-input')
      .attr('data-content', self.config.insert)
      .attr('placeholder', self.config.placeholder || '')
    ;
 
    if (self.config.required) {
      self.$input.attr('required', 'required');
    }
 
    $('input[name="subject"]')
      .parents('dl')
      .after(self.$wrapper)
    ;
  };
 
  Inputs.prototype.listen = function (fn) {
    var self = this;
 
    var selectors = [
      '[required]',
      '[required="required"]',
      '[name="subject"]'
    ];
 
    $('[type="submit"]').on('click', function () {
      if ($(selectors.join(',')).val() === '') {
        return;
      }
 
      fn();
    });
  };
 
  Inputs.prototype.parse = function () {
    var self = this;
 
    if (!$.sceditor) {
      alert('[Input\'s Script] Fatal Error. [Error Code: 001]');
      return false;
    }
 
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
 
    var content = self.config.insert;
    var value = $.trim(self.$input.val());
 
    content = content.replace(/{{CONTENT}}/gi, value);
 
    $sceditor.val(content + $sceditor.val());
  };
 
  $(function () {
    $.each(inputs, function () {
      var self = this;
 
      (new FA.Posting.Inputs(self)).init();
    });
  });
}(jQuery));

Depois adicionei um espaço e não resultou mais:

Código:
/*globals jQuery, FA*/
 
/**
 * Criar inputs na criação do tópico.
 *
 * @author lffg <https://github.com/lffg>
 * @version 1.0
 */
 
(function ($) {
  'use strict';
 
  var inputs = [{
    label: 'Comprimento',
    placeholder: 'Comprimento em cm',
    insert: '[b]Valor do Input 1:[/b] {{CONTENT}}. \n\n', // {{CONTENT}} = O que o usuário colocou.
    required: true
  }, {
    label: 'Largura',
    placeholder: 'Largura em cm',
    insert: '[b]Valor do Input 2:[/b] {{CONTENT}}. \n\n', // O caractere especial \n é o mesmo que uma quebra de linha.
    required: true
  }, {
    label: 'Altura',
    placeholder: 'Altura em cm',
    insert: '[b]Valor do Input 3:[/b] {{CONTENT}}. \n\n',
    required: false
  }]; {
    label: 'ºC',
    placeholder: 'Temperatura',
    insert: '[b]Valor do Input 4:[/b] {{CONTENT}}. \n\n',
    required: false
  }];
 
  inputs.reverse();
 
  window.FA = window.FA || {};
  FA.Posting = FA.Posting || {};
 
  var Inputs;
  FA.Posting.Inputs = Inputs = function (userConfig) {
    var self = this;
   
    self.defaults = {
      label: undefined,
      placeholder: undefined,
      insert: undefined,
      forums: ['*'],
      required: false
    };
 
    self.userConfig = userConfig;
 
    self.config = $.extend({}, self.defaults, self.userConfig);
  };
 
  Inputs.prototype.init = function () {
    var self = this;
 
    if (!$('input[type="subject"]')) {
      return false;
    }
 
    if (self.config.forums.indexOf('*') === -1) {
      var hrefId = parseInt(location.href.replace(/^.*\/post\?f=(\d+)&.*$/g, '$1'));
     
      if (self.config.forums.indexOf(hrefId) === -1) {
        return false;
      }
    }
 
    self.generate();
    self.listen(function () {
      self.parse();
    });
  };
 
  Inputs.prototype.generate = function () {
    var self = this;
 
    self.$wrapper = $([
      '<dl>',
      '  <dt>',
      '    ' + $('<label>', { 'text': self.config.label }).prop('outerHTML'),
      '  </dt>',
      '  <dd>',
      '    ' + $('<input />', { 'type': 'text' }).prop('outerHTML'),
      '  </dd>',
      '</dl>'
    ].join('\n'));
 
    self.$input = self.$wrapper.find('input');
 
    self.$input
      .attr('class', 'inputbox medium fa-generated-input')
      .attr('data-content', self.config.insert)
      .attr('placeholder', self.config.placeholder || '')
    ;
 
    if (self.config.required) {
      self.$input.attr('required', 'required');
    }
 
    $('input[name="subject"]')
      .parents('dl')
      .after(self.$wrapper)
    ;
  };
 
  Inputs.prototype.listen = function (fn) {
    var self = this;
 
    var selectors = [
      '[required]',
      '[required="required"]',
      '[name="subject"]'
    ];
 
    $('[type="submit"]').on('click', function () {
      if ($(selectors.join(',')).val() === '') {
        return;
      }
 
      fn();
    });
  };
 
  Inputs.prototype.parse = function () {
    var self = this;
 
    if (!$.sceditor) {
      alert('[Input\'s Script] Fatal Error. [Error Code: 001]');
      return false;
    }
 
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
 
    var content = self.config.insert;
    var value = $.trim(self.$input.val());
 
    content = content.replace(/{{CONTENT}}/gi, value);
 
    $sceditor.val(content + $sceditor.val());
  };
 
  $(function () {
    $.each(inputs, function () {
      var self = this;
 
      (new FA.Posting.Inputs(self)).init();
    });
  });
}(jQuery));

Simplesmente parou de funcionar


Última edição por BrunoLemos em 03.11.17 13:18, editado 1 vez(es)
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 13:16

Eu testei e funcionou perfeitamente:
-> http://prntscr.com/h5qcg2

Os inputs não podem ficar lado a lado, conforme o senhor quer, tendo em vista que alteraria a estrutura da página, o que poderia acabar causando alguns errinhos. :/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 13:27

Não teria uma forma de por lado a lado pois como precisamos dessas informações ficaria mais fácil para os usuários preencher se houvesse uma área especifica pra isso e como são muitas se tornaria uma lista visualmente grande de se utilizar, já que visualmente a imagem que mandei dá ao usuário a ideia de "há é pouca coisa faço rapidinho" agora uma lista vertical com vários itens com uma área de preenchimento grande gera um pensamento de que é muita coisa Não
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 13:28

Certo. Crie os inputs (todos eles) no JavaScript que eu tentarei fazê-los inline quando você tiver concluído.
Precisarei de uma conta de testes em seu fórum para criar os estilos.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 13:54

Usuario: Teste
Senha: Testes

Código:
/*globals jQuery, FA*/
 
/**
 * Criar inputs na criação do tópico.
 *
 * @author lffg <https://github.com/lffg>
 * @version 1.0
 */
 
(function ($) {
  'use strict';
 
  var inputs = [{
    label: 'Comprimento',
    placeholder: 'Comprimento em cm',
    insert: '[b]Valor do Input 1:[/b] {{CONTENT}}. \n\n', // {{CONTENT}} = O que o usuário colocou.
    required: true
  }, {
    label: 'Largura',
    placeholder: 'Largura em cm',
    insert: '[b]Valor do Input 2:[/b] {{CONTENT}}. \n\n', // O caractere especial \n é o mesmo que uma quebra de linha.
    required: true
  }, {
    label: 'Altura',
    placeholder: 'Altura em cm',
    insert: '[b]Valor do Input 3:[/b] {{CONTENT}}. \n\n',
    required: true
  }, {
    label: 'Litros',
    placeholder: 'Litragem',
    insert: '[b]Valor do Input 4:[/b] {{CONTENT}}. \n\n',
    required: true
  }, {
    label: 'ºC',
    placeholder: 'Graus Celcius',
    insert: '[b]Valor do Input 5:[/b] {{CONTENT}}. \n\n',
    required: false
  },{
    label: 'PH',
    placeholder: 'PH',
    insert: '[b]Valor do Input 6:[/b] {{CONTENT}}. \n\n',
    required: false
  },{
    label: 'KH',
    placeholder: 'KH',
    insert: '[b]Valor do Input 7:[/b] {{CONTENT}}. \n\n',
    required: false
  },{
    label: 'GH',
    placeholder: 'GH',
    insert: '[b]Valor do Input 8:[/b] {{CONTENT}}. \n\n',
    required: false
  },{
    label: 'DH',
    placeholder: 'DH',
    insert: '[b]Valor do Input 9:[/b] {{CONTENT}}. \n\n',
    required: false
  },{
    label: 'Amônia',
    placeholder: 'Nivel de Amônia',
    insert: '[b]Valor do Input 10:[/b] {{CONTENT}}. \n\n',
    required: false
  },{
    label: 'Nitrito',
    placeholder: 'Nivel de Nitritos',
    insert: '[b]Valor do Input 11:[/b] {{CONTENT}}. \n\n',
    required: false
  },{
    label: 'Nitrato',
    placeholder: 'Nivel de Nitrato',
    insert: '[b]Valor do Input 12:[/b] {{CONTENT}}. \n\n',
    required: false
  }];
 
  inputs.reverse();
 
  window.FA = window.FA || {};
  FA.Posting = FA.Posting || {};
 
  var Inputs;
  FA.Posting.Inputs = Inputs = function (userConfig) {
    var self = this;
   
    self.defaults = {
      label: undefined,
      placeholder: undefined,
      insert: undefined,
      forums: ['*'],
      required: false
    };
 
    self.userConfig = userConfig;
 
    self.config = $.extend({}, self.defaults, self.userConfig);
  };
 
  Inputs.prototype.init = function () {
    var self = this;
 
    if (!$('input[type="subject"]')) {
      return false;
    }
 
    if (self.config.forums.indexOf('*') === -1) {
      var hrefId = parseInt(location.href.replace(/^.*\/post\?f=(\d+)&.*$/g, '$1'));
     
      if (self.config.forums.indexOf(hrefId) === -1) {
        return false;
      }
    }
 
    self.generate();
    self.listen(function () {
      self.parse();
    });
  };
 
  Inputs.prototype.generate = function () {
    var self = this;
 
    self.$wrapper = $([
      '<dl>',
      '  <dt>',
      '    ' + $('<label>', { 'text': self.config.label }).prop('outerHTML'),
      '  </dt>',
      '  <dd>',
      '    ' + $('<input />', { 'type': 'text' }).prop('outerHTML'),
      '  </dd>',
      '</dl>'
    ].join('\n'));
 
    self.$input = self.$wrapper.find('input');
 
    self.$input
      .attr('class', 'inputbox medium fa-generated-input')
      .attr('data-content', self.config.insert)
      .attr('placeholder', self.config.placeholder || '')
    ;
 
    if (self.config.required) {
      self.$input.attr('required', 'required');
    }
 
    $('input[name="subject"]')
      .parents('dl')
      .after(self.$wrapper)
    ;
  };
 
  Inputs.prototype.listen = function (fn) {
    var self = this;
 
    var selectors = [
      '[required]',
      '[required="required"]',
      '[name="subject"]'
    ];
 
    $('[type="submit"]').on('click', function () {
      if ($(selectors.join(',')).val() === '') {
        return;
      }
 
      fn();
    });
  };
 
  Inputs.prototype.parse = function () {
    var self = this;
 
    if (!$.sceditor) {
      alert('[Input\'s Script] Fatal Error. [Error Code: 001]');
      return false;
    }
 
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
 
    var content = self.config.insert;
    var value = $.trim(self.$input.val());
 
    content = content.replace(/{{CONTENT}}/gi, value);
 
    $sceditor.val(content + $sceditor.val());
  };
 
  $(function () {
    $.each(inputs, function () {
      var self = this;
 
      (new FA.Posting.Inputs(self)).init();
    });
  });
}(jQuery));
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 14:06

É o melhor que podemos fazer.
Adicione em sua Folha de Estilos:
Código:
.fields1 > dl + dl ~ dl {
  display: inline-block;
}

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 14:23

Depois que fiz um topico ficou assim:

Código:
Topico teste
Mensagem por AquariumBrasil Hoje à(s) 11:20

Valor do Input 1: 130.

Valor do Input 2: 50.

Valor do Input 3: 50.

Valor do Input 4: 325.

Valor do Input 5: 35.

Valor do Input 6: 7.

Valor do Input 7: 7.

Valor do Input 8: 7.

Valor do Input 9: 7.

Valor do Input 10: 7.

Valor do Input 11: 7.

Valor do Input 12: 7.

topico de teste para teste

um embaixo do outro também...

outra coisa que eu queria era colocar Antes dos campos comprimento, largura e altura a palavra aquario e depois deste campo a palavra parâmentros


Edição: o codigo deu um monte de erros em todo o site e acabei de desabilitar o mesmo
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 14:43

Para que eu possa ajudá-lo, você precisa de me ajudar também.

1) Quais erros aconteceram?

As quebras de linha na postagem são causadas pelos:
Código:
\n
Que estão no código.

Você ao menos se deu o trabalho de ler as anotações que fiz no código? Como essa?
Código:
// O caractere especial \n é o mesmo que uma quebra de linha.

Para remover as quebras de linhas em alguns deles, troque por:
Código:
/*globals jQuery, FA*/
 
/**
 * Criar inputs na criação do tópico.
 *
 * @author lffg <https://github.com/lffg>
 * @version 1.0
 */
 
(function ($) {
  'use strict';
 
  var inputs = [{
    label: 'Comprimento',
    placeholder: 'Comprimento em cm',
    insert: '[b]Valor do Input 1:[/b] {{CONTENT}}.  | ', // {{CONTENT}} = O que o usuário colocou.
    required: true
  }, {
    label: 'Largura',
    placeholder: 'Largura em cm',
    insert: '[b]Valor do Input 2:[/b] {{CONTENT}}.  | ', // O caractere especial \n é o mesmo que uma quebra de linha.
    required: true
  }, {
    label: 'Altura',
    placeholder: 'Altura em cm',
    insert: '[b]Valor do Input 3:[/b] {{CONTENT}}.  | \n',
    required: true
  }, {
    label: 'Litros',
    placeholder: 'Litragem',
    insert: '[b]Valor do Input 4:[/b] {{CONTENT}}.  | ',
    required: true
  }, {
    label: 'ºC',
    placeholder: 'Graus Celcius',
    insert: '[b]Valor do Input 5:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'PH',
    placeholder: 'PH',
    insert: '[b]Valor do Input 6:[/b] {{CONTENT}}.  | \n',
    required: false
  },{
    label: 'KH',
    placeholder: 'KH',
    insert: '[b]Valor do Input 7:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'GH',
    placeholder: 'GH',
    insert: '[b]Valor do Input 8:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'DH',
    placeholder: 'DH',
    insert: '[b]Valor do Input 9:[/b] {{CONTENT}}.  | \n',
    required: false
  },{
    label: 'Amônia',
    placeholder: 'Nivel de Amônia',
    insert: '[b]Valor do Input 10:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'Nitrito',
    placeholder: 'Nivel de Nitritos',
    insert: '[b]Valor do Input 11:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'Nitrato',
    placeholder: 'Nivel de Nitrato',
    insert: '[b]Valor do Input 12:[/b] {{CONTENT}}.  | \n',
    required: false
  }];
 
  inputs.reverse();
 
  window.FA = window.FA || {};
  FA.Posting = FA.Posting || {};
 
  var Inputs;
  FA.Posting.Inputs = Inputs = function (userConfig) {
    var self = this;
   
    self.defaults = {
      label: undefined,
      placeholder: undefined,
      insert: undefined,
      forums: ['*'],
      required: false
    };
 
    self.userConfig = userConfig;
 
    self.config = $.extend({}, self.defaults, self.userConfig);
  };
 
  Inputs.prototype.init = function () {
    var self = this;
 
    if (!$('input[type="subject"]')) {
      return false;
    }
 
    if (self.config.forums.indexOf('*') === -1) {
      var hrefId = parseInt(location.href.replace(/^.*\/post\?f=(\d+)&.*$/g, '$1'));
     
      if (self.config.forums.indexOf(hrefId) === -1) {
        return false;
      }
    }
 
    self.generate();
    self.listen(function () {
      self.parse();
    });
  };
 
  Inputs.prototype.generate = function () {
    var self = this;
 
    self.$wrapper = $([
      '<dl>',
      '  <dt>',
      '    ' + $('<label>', { 'text': self.config.label }).prop('outerHTML'),
      '  </dt>',
      '  <dd>',
      '    ' + $('<input />', { 'type': 'text' }).prop('outerHTML'),
      '  </dd>',
      '</dl>'
    ].join('\n'));
 
    self.$input = self.$wrapper.find('input');
 
    self.$input
      .attr('class', 'inputbox medium fa-generated-input')
      .attr('data-content', self.config.insert)
      .attr('placeholder', self.config.placeholder || '')
    ;
 
    if (self.config.required) {
      self.$input.attr('required', 'required');
    }
 
    $('input[name="subject"]')
      .parents('dl')
      .after(self.$wrapper)
    ;
  };
 
  Inputs.prototype.listen = function (fn) {
    var selectors = [
      '[required]',
      '[required="required"]',
      '[name="subject"]'
    ];
 
    $('[type="submit"]').on('click', function () {
      if ($(selectors.join(',')).val() === '') {
        return;
      }
 
      fn();
    });
  };
 
  Inputs.prototype.parse = function () {
    var self = this;
 
    if (!$.sceditor) {
      alert('[Input\'s Script] Fatal Error. [Error Code: 001]');
      return false;
    }
 
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
 
    var content = self.config.insert;
    var value = $.trim(self.$input.val());
 
    content = content.replace(/{{CONTENT}}/gi, value);
 
    $sceditor.val(content + $sceditor.val());
  };
 
  $(function () {
    $.each(inputs, function () {
      var self = this;
 
      (new FA.Posting.Inputs(self)).init();
    });
  });
}(jQuery));

Por favor, me ajude a te ajudar.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 14:54

@Luiz escreveu:1) Quais erros aconteceram?
Sempre que insiro um texto aparece isso:

Detalhes do topico Sem_ty10

@Luiz escreveu:Você ao menos se deu o trabalho de ler as anotações que fiz no código? Como essa?
Código:
// O caractere especial \n é o mesmo que uma quebra de linha.

Sim li porém não ficou claro que se eu tirasse o formulário iria por lado a lado na area da postagem...



@Luiz escreveu:Por favor, me ajude a te ajudar.
Estou tentando mas como ja disse antes não entendo muita coisa de códigos...
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 15:01

Troque por este e deve estar tudo resolvido:
Código:
/*globals jQuery, FA*/
 
/**
 * Criar inputs na criação do tópico.
 *
 * @author lffg <https://github.com/lffg>
 * @version 1.0
 */
 
(function ($) {
  'use strict';
 
  var inputs = [{
    label: 'Comprimento',
    placeholder: 'Comprimento em cm',
    insert: '[b]Valor do Input 1:[/b] {{CONTENT}}.  | ', // {{CONTENT}} = O que o usuário colocou.
    required: true
  }, {
    label: 'Largura',
    placeholder: 'Largura em cm',
    insert: '[b]Valor do Input 2:[/b] {{CONTENT}}.  | ', // O caractere especial \n é o mesmo que uma quebra de linha.
    required: true
  }, {
    label: 'Altura',
    placeholder: 'Altura em cm',
    insert: '[b]Valor do Input 3:[/b] {{CONTENT}}.  | \n',
    required: true
  }, {
    label: 'Litros',
    placeholder: 'Litragem',
    insert: '[b]Valor do Input 4:[/b] {{CONTENT}}.  | ',
    required: true
  }, {
    label: 'ºC',
    placeholder: 'Graus Celcius',
    insert: '[b]Valor do Input 5:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'PH',
    placeholder: 'PH',
    insert: '[b]Valor do Input 6:[/b] {{CONTENT}}.  | \n',
    required: false
  },{
    label: 'KH',
    placeholder: 'KH',
    insert: '[b]Valor do Input 7:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'GH',
    placeholder: 'GH',
    insert: '[b]Valor do Input 8:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'DH',
    placeholder: 'DH',
    insert: '[b]Valor do Input 9:[/b] {{CONTENT}}.  | \n',
    required: false
  },{
    label: 'Amônia',
    placeholder: 'Nivel de Amônia',
    insert: '[b]Valor do Input 10:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'Nitrito',
    placeholder: 'Nivel de Nitritos',
    insert: '[b]Valor do Input 11:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'Nitrato',
    placeholder: 'Nivel de Nitrato',
    insert: '[b]Valor do Input 12:[/b] {{CONTENT}}.  | \n',
    required: false
  }];
 
  inputs.reverse();
 
  window.FA = window.FA || {};
  FA.Posting = FA.Posting || {};
 
  var Inputs;
  FA.Posting.Inputs = Inputs = function (userConfig) {
    var self = this;
   
    self.defaults = {
      label: undefined,
      placeholder: undefined,
      insert: undefined,
      forums: ['*'],
      required: false
    };
 
    self.userConfig = userConfig;
 
    self.config = $.extend({}, self.defaults, self.userConfig);
  };
 
  Inputs.prototype.init = function () {
    var self = this;
 
    if (!$.sceditor) {
      return false;
    }
 
    if (self.config.forums.indexOf('*') === -1) {
      var hrefId = parseInt(location.href.replace(/^.*\/post\?f=(\d+)&.*$/g, '$1'));
     
      if (self.config.forums.indexOf(hrefId) === -1) {
        return false;
      }
    }
 
    self.generate();
    self.listen(function () {
      self.parse();
    });
  };
 
  Inputs.prototype.generate = function () {
    var self = this;
 
    self.$wrapper = $([
      '<dl>',
      '  <dt>',
      '    ' + $('<label>', { 'text': self.config.label }).prop('outerHTML'),
      '  </dt>',
      '  <dd>',
      '    ' + $('<input />', { 'type': 'text' }).prop('outerHTML'),
      '  </dd>',
      '</dl>'
    ].join('\n'));
 
    self.$input = self.$wrapper.find('input');
 
    self.$input
      .attr('class', 'inputbox medium fa-generated-input')
      .attr('data-content', self.config.insert)
      .attr('placeholder', self.config.placeholder || '')
    ;
 
    if (self.config.required) {
      self.$input.attr('required', 'required');
    }
 
    $('input[name="subject"]')
      .parents('dl')
      .after(self.$wrapper)
    ;
  };
 
  Inputs.prototype.listen = function (fn) {
    var selectors = [
      '[required]',
      '[required="required"]',
      '[name="subject"]'
    ];
 
    $('[type="submit"]').on('click', function () {
      if ($(selectors.join(',')).val() === '') {
        return;
      }
 
      fn();
    });
  };
 
  Inputs.prototype.parse = function () {
    var self = this;
 
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
 
    var content = self.config.insert;
    var value = $.trim(self.$input.val());
 
    content = content.replace(/{{CONTENT}}/gi, value);
 
    $sceditor.val(content + $sceditor.val());
  };
 
  $(function () {
    $.each(inputs, function () {
      var self = this;
 
      (new FA.Posting.Inputs(self)).init();
    });
  });
}(jQuery));


Última edição por Luiz em 03.11.17 15:38, editado 1 vez(es)
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 15:30

Sumiu todas as caixas que foram feitas
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 15:38

Perdão, eu cometi um pequeno erro na correção.
Troque-o por este:
Código:
/*globals jQuery, FA*/
 
/**
 * Criar inputs na criação do tópico.
 *
 * @author lffg <https://github.com/lffg>
 * @version 1.0
 */
 
(function ($) {
  'use strict';
 
  var inputs = [{
    label: 'Comprimento',
    placeholder: 'Comprimento em cm',
    insert: '[b]Valor do Input 1:[/b] {{CONTENT}}.  | ', // {{CONTENT}} = O que o usuário colocou.
    required: true
  }, {
    label: 'Largura',
    placeholder: 'Largura em cm',
    insert: '[b]Valor do Input 2:[/b] {{CONTENT}}.  | ', // O caractere especial \n é o mesmo que uma quebra de linha.
    required: true
  }, {
    label: 'Altura',
    placeholder: 'Altura em cm',
    insert: '[b]Valor do Input 3:[/b] {{CONTENT}}.  | \n',
    required: true
  }, {
    label: 'Litros',
    placeholder: 'Litragem',
    insert: '[b]Valor do Input 4:[/b] {{CONTENT}}.  | ',
    required: true
  }, {
    label: 'ºC',
    placeholder: 'Graus Celcius',
    insert: '[b]Valor do Input 5:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'PH',
    placeholder: 'PH',
    insert: '[b]Valor do Input 6:[/b] {{CONTENT}}.  | \n',
    required: false
  },{
    label: 'KH',
    placeholder: 'KH',
    insert: '[b]Valor do Input 7:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'GH',
    placeholder: 'GH',
    insert: '[b]Valor do Input 8:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'DH',
    placeholder: 'DH',
    insert: '[b]Valor do Input 9:[/b] {{CONTENT}}.  | \n',
    required: false
  },{
    label: 'Amônia',
    placeholder: 'Nivel de Amônia',
    insert: '[b]Valor do Input 10:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'Nitrito',
    placeholder: 'Nivel de Nitritos',
    insert: '[b]Valor do Input 11:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'Nitrato',
    placeholder: 'Nivel de Nitrato',
    insert: '[b]Valor do Input 12:[/b] {{CONTENT}}.  | \n',
    required: false
  }];
 
  inputs.reverse();
 
  window.FA = window.FA || {};
  FA.Posting = FA.Posting || {};
 
  var Inputs;
  FA.Posting.Inputs = Inputs = function (userConfig) {
    var self = this;
   
    self.defaults = {
      label: undefined,
      placeholder: undefined,
      insert: undefined,
      forums: ['*'],
      required: false
    };
 
    self.userConfig = userConfig;
 
    self.config = $.extend({}, self.defaults, self.userConfig);
  };
 
  Inputs.prototype.init = function () {
    var self = this;
 
    if (!$.sceditor) {
      return false;
    }
 
    if (self.config.forums.indexOf('*') === -1) {
      var hrefId = parseInt(location.href.replace(/^.*\/post\?f=(\d+)&.*$/g, '$1'));
     
      if (self.config.forums.indexOf(hrefId) === -1) {
        return false;
      }
    }
 
    self.generate();
    self.listen(function () {
      self.parse();
    });
  };
 
  Inputs.prototype.generate = function () {
    var self = this;
 
    self.$wrapper = $([
      '<dl>',
      '  <dt>',
      '    ' + $('<label>', { 'text': self.config.label }).prop('outerHTML'),
      '  </dt>',
      '  <dd>',
      '    ' + $('<input />', { 'type': 'text' }).prop('outerHTML'),
      '  </dd>',
      '</dl>'
    ].join('\n'));
 
    self.$input = self.$wrapper.find('input');
 
    self.$input
      .attr('class', 'inputbox medium fa-generated-input')
      .attr('data-content', self.config.insert)
      .attr('placeholder', self.config.placeholder || '')
    ;
 
    if (self.config.required) {
      self.$input.attr('required', 'required');
    }
 
    $('input[name="subject"]')
      .parents('dl')
      .after(self.$wrapper)
    ;
  };
 
  Inputs.prototype.listen = function (fn) {
    var selectors = [
      '[required]',
      '[required="required"]',
      '[name="subject"]'
    ];
 
    $('[type="submit"]').on('click', function () {
      if ($(selectors.join(',')).val() === '') {
        return;
      }
 
      fn();
    });
  };
 
  Inputs.prototype.parse = function () {
    var self = this;
 
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
 
    var content = self.config.insert;
    var value = $.trim(self.$input.val());
 
    content = content.replace(/{{CONTENT}}/gi, value);
 
    $sceditor.val(content + $sceditor.val());
  };
 
  $(function () {
    $.each(inputs, function () {
      var self = this;
 
      (new FA.Posting.Inputs(self)).init();
    });
  });
}(jQuery));

:v
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 15:50

Como eu coloco um texto simples acima e abaixo de um item deste?

tipo

Aquario:

Comprimento: asdf Largura: asdf Altura: asdf

Parametros:

Litros: asdf Ph: asdf e etc...

e tambem uma linha que separe estes itens do texto principal do topico
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 16:00

Esse por exemplo, é um campo de configuração, certo?
Código:
{
    label: 'Comprimento',
    placeholder: 'Comprimento em cm',
    insert: '[b]Valor do Input 1:[/b] {{CONTENT}}.  | ', // {{CONTENT}} = O que o usuário colocou.
    required: true
}

O senhor pode configurar isso no insert.
No exemplo acima, ele iria inserir:
Valor do Input 1: O que eu coloquei. |

Se alterássemos para:
Código:
{
    label: 'Comprimento',
    placeholder: 'Comprimento em cm',
    insert: '[b]Comprimento:[/b] O usuário colocou -> {{CONTENT}} <-', // {{CONTENT}} = O que o usuário colocou.
    required: true
}

Se eu colocasse 14px no campo e enviasse, ele iria aparecer:
Comprimento: O usuário colocou -> 14px <-

Note a diferença entre os dois exemplos...
Isso tudo é possível configurar no script. Basta ver com atenção. Piscada

Em todos, {{CONTENT}} é o que o usuário tiver colocado na caixa.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 16:12

Eu estava confuso agora piorou Rindo

Creio que me expressei mal, eu quero a palavra "aquario" sem área de preenchimento ao lado somente isto abaixo do titulo e antes das coisas que pedi.
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 16:16

Troque o script por:
Código:
/*globals jQuery, FA*/
 
/**
 * Criar inputs na criação do tópico.
 *
 * @author lffg <https://github.com/lffg>
 * @version 1.0
 */
 
(function ($) {
  'use strict';
 
  var inputs = [{
    label: 'Comprimento',
    placeholder: 'Comprimento em cm',
    insert: '[b]Valor do Input 1:[/b] {{CONTENT}}.  | ', // {{CONTENT}} = O que o usuário colocou.
    required: true
  }, {
    label: 'Largura',
    placeholder: 'Largura em cm',
    insert: '[b]Valor do Input 2:[/b] {{CONTENT}}.  | ', // O caractere especial \n é o mesmo que uma quebra de linha.
    required: true
  }, {
    label: 'Altura',
    placeholder: 'Altura em cm',
    insert: '[b]Valor do Input 3:[/b] {{CONTENT}}.  | \n',
    required: true
  }, {
    label: 'Litros',
    placeholder: 'Litragem',
    insert: '[b]Valor do Input 4:[/b] {{CONTENT}}.  | ',
    required: true
  }, {
    label: 'ºC',
    placeholder: 'Graus Celcius',
    insert: '[b]Valor do Input 5:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'PH',
    placeholder: 'PH',
    insert: '[b]Valor do Input 6:[/b] {{CONTENT}}.  | \n',
    required: false
  },{
    label: 'KH',
    placeholder: 'KH',
    insert: '[b]Valor do Input 7:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'GH',
    placeholder: 'GH',
    insert: '[b]Valor do Input 8:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'DH',
    placeholder: 'DH',
    insert: '[b]Valor do Input 9:[/b] {{CONTENT}}.  | \n',
    required: false
  },{
    label: 'Amônia',
    placeholder: 'Nivel de Amônia',
    insert: '[b]Valor do Input 10:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'Nitrito',
    placeholder: 'Nivel de Nitritos',
    insert: '[b]Valor do Input 11:[/b] {{CONTENT}}.  | ',
    required: false
  },{
    label: 'Nitrato',
    placeholder: 'Nivel de Nitrato',
    insert: '[b]Valor do Input 12:[/b] {{CONTENT}}.  | \n',
    required: false
  }];
 
  inputs.reverse();
 
  window.FA = window.FA || {};
  FA.Posting = FA.Posting || {};
 
  var Inputs;
  FA.Posting.Inputs = Inputs = function (userConfig) {
    var self = this;
   
    self.defaults = {
      label: undefined,
      placeholder: undefined,
      insert: undefined,
      forums: ['*'],
      required: false
    };
 
    self.userConfig = userConfig;
 
    self.config = $.extend({}, self.defaults, self.userConfig);
  };
 
  Inputs.prototype.init = function () {
    var self = this;
 
    if (!$.sceditor) {
      return false;
    }
 
    if (self.config.forums.indexOf('*') === -1) {
      var hrefId = parseInt(location.href.replace(/^.*\/post\?f=(\d+)&.*$/g, '$1'));
     
      if (self.config.forums.indexOf(hrefId) === -1) {
        return false;
      }
    }
 
    self.generate();
    self.listen(function () {
      self.parse();
    });
  };
 
  Inputs.prototype.generate = function () {
    var self = this;
 
    self.$wrapper = $([
      '<dl>',
      '  <dt>',
      '    ' + $('<label>', { 'text': self.config.label }).prop('outerHTML'),
      '  </dt>',
      '  <dd>',
      '    ' + $('<input />', { 'type': 'text' }).prop('outerHTML'),
      '  </dd>',
      '</dl>'
    ].join('\n'));
 
    self.$input = self.$wrapper.find('input');
 
    self.$input
      .attr('class', 'inputbox medium fa-generated-input')
      .attr('data-content', self.config.insert)
      .attr('placeholder', self.config.placeholder || '')
    ;
 
    if (self.config.required) {
      self.$input.attr('required', 'required');
    }
 
    $('input[name="subject"]')
      .parents('dl')
      .after(self.$wrapper)
    ;
  };
 
  Inputs.prototype.listen = function (fn) {
    var selectors = [
      '[required]',
      '[required="required"]',
      '[name="subject"]'
    ];
 
    $('[type="submit"]').on('click', function () {
      if ($(selectors.join(',')).val() === '') {
        return;
      }
 
      fn();
    });
  };
 
  Inputs.prototype.parse = function () {
    var self = this;
 
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
 
    var content = self.config.insert;
    var value = $.trim(self.$input.val());
 
    content = content.replace(/{{CONTENT}}/gi, value);
 
    $sceditor.val(content + $sceditor.val());
  };
 
  $(function () {
    $.each(inputs, function () {
      var self = this;
 
      (new FA.Posting.Inputs(self)).init();
    });

    $('[name="subject"]').after('<span id="fa-title">Aquário</span>');
  });
}(jQuery));
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 16:22

Esse codigo fez a mesma coisa de antes :/
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 16:25

Adicione na sua Folha de Estilos:
Código:
#fa-title {
  display: block;
  margin: 20px;
  margin-left: -10em;
  font-weight: bold;
  text-transform: uppercase;
  color: #0076b1;
  border-bottom: solid 1px #0076b1;
}
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 16:31

Ok agora depois dos litros a palavra queria a "parâmetros" igual essa do "aquario" e tbm queria que essas palavras (aquario e parâmetros) descessem junto com as informações do topico na hora de enviar Envergonhado
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 16:34

Amigo, para isso teríamos que reformular todo o script. E isso é algo realmente complexo de se fazer.
Logo, eu não irei fazê-lo, tendo em vista que isso extrapola o nosso limite de trabalho por aqui.

Fica à seu critério aguardar por outra resposta.
Espero que entenda.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Detalhes do topico

Mensagem por BrunoLemos em 03.11.17 16:39

Tudo bem eu entendo mas vou guardar seu Código aqui pois já é 90% do que eu gostaria que ficasse, de toda forma obrigado pela ajuda! Positivo
BrunoLemos

BrunoLemos
Nível 9

Masculino
Inscrito dia : 06/10/2016
Mensagens : 152
Pontos Ativos : 202

Ver perfil do usuário http://aquariumbrasil.forumeiro.com https://go.topicit.net/ZosT/Z60Iek7NFH https://www.facebook.com/admbrunolemos

Atendido / Resolvido Re: Detalhes do topico

Mensagem por Luiz em 03.11.17 16:44

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum