Edição de código

2 participantes

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

Tópico resolvido Edição de código

Mensagem por Ketholy 25.09.17 20:35

Detalhes da questão


Endereço do fórum: http://assuntosgeral-com-br.forumais.com
Versão do fórum: Invision

Descrição


Olá

Boa tarde!

Seria possível a parti desse código citado abaixo adicionar outro tipo de sistema.
Código:
$(document).ready(function () {
    if ($('a[href*="/modcp?"]').length) {
        $('#qpost').before('<input type="button" value="Ferramentas Dúvidas" id="cdm" style="float: left;"/>');
        $('input#cdm').toggle(function () {
            $(this).after('<div class="main-content" style="min-width: 428px;z-index: 2000;margin: 30px 0 8px 0;position: absolute;"> <div id="mod" style="background: #fff;padding: 3px;"> <select id="status" style="width: 50%"> <option value="">Status</option> <option value="[size=14][color=green][b][i]Caso Resolvido. Tag RESOLVIDA adicionada. Tópico fechado. Movido para dúvidas Resolvidas. Essa mensagem é automática[/i][/b][/color][/size]">Caso Resolvido.Tag RESOLVIDA adiconada. Tópico fechado. Movido para dúvidas Resolvidas. Essa mensagem é automática.</option> <option value="[size=14][color=yellow][b][i]Estamos Analisando seu caso. Tag EM ANÁLISE adicionada. Em breve será postada uma solução. Essa mensagem é automática.[/i][/b][/color][/size]">Estamos Analisando seu caso. Tag EM ANÁLISE adicionada. Em breve será postada uma solução. Essa mensagem é automática</option> <option value="[size=14][color=orange][b][i]Dúvida há mais de 3 dias sem resposta do autor. Tag ABANDONO adicionada. Essa mensagem é automática.[/i][/b][/color][/size]">Dúvida há mais de 3 dias sem resposta do autor. Tag ABANDONO adicionada. Essa mensagem é automática.</option> </select> <select id="to" style="width: 50%"> <option value="">Movido para</option> <option value="[b]Movido para:[/b] Arquivos">Arquivos</option> <option value="[b]Movido para:[/b] Lixeira">Lixeira</option> <option value="[b]Movido para:[/b] Local correspondente">Local correspondente</option> <option value="[b]Movido para:[/b] Dicas e Tutoriais">Dicas e Tutoriais</option> </select> <textarea id="mot" name="subject" placeholder="Descreva o motivo desta mensagem" class="inputbox" style="display: block; margin: 5px 0 5px 0; min-height: 55px;" onChange="titulo();"></textarea> <input onclick=" envia()" type="button" id="gerar-msg" value="Gerar"/> <input name="post" onclick=" envia()" type="submit" id="gerar-msg" value="Enviar"/> <input name="post" onclick=" block()" type="submit" id="gerar-msg" value="Enviar & Block"/> <input type="button" value="Limpar caixa" id="limpar-msg"/> </div> </div>');
        }, function () {
            $(this).next().remove();
        });
        $('#limpar-msg').click(function () {
            $('#text_editor_textarea').sceditor('instance').val('');
        });
    }
});
function envia() {
    if ($('#text_editor_textarea').val() == "") {
        var pegatopics = $('[name="t"]').val();
        $('[name="t"]').val(pegatopics);
        $('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
    }
}
function block() {
    if ($('#text_editor_textarea').val() == "") {
        var pegatopics = $('[name="t"]').val();
        $('[name="t"]').val(pegatopics);
        $('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
        window.open('/modcp?t=' + pegatopics + '&mode=move&mode=lock');
    }
}

Por exemplo, no lugar da mensagem seria uma imagem, sendo que para cada ária seria uma mensagens, então todas as imagens poderia está disponível nesse código. Resumindo no lugar de mensagem poderia adicionar imagem, como por exemplo a imagem abaixo:
Edição de código Denunc10

Atenciosamente: Ketholy
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 20:42

Eu não entendi muito bem o que a senhora deseja fazer.
Poderia ser mais específica? (Use imagens, etc...)
Luiz

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Ketholy 25.09.17 20:53

Luiz e o seguinte,

Esse código:
Código:
$(document).ready(function () {
    if ($('a[href*="/modcp?"]').length) {
        $('#qpost').before('<input type="button" value="Ferramentas Dúvidas" id="cdm" style="float: left;"/>');
        $('input#cdm').toggle(function () {
            $(this).after('<div class="main-content" style="min-width: 428px;z-index: 2000;margin: 30px 0 8px 0;position: absolute;"> <div id="mod" style="background: #fff;padding: 3px;"> <select id="status" style="width: 50%"> <option value="">Status</option> <option value="[size=14][color=green][b][i]Caso Resolvido. Tag RESOLVIDA adicionada. Tópico fechado. Movido para dúvidas Resolvidas. Essa mensagem é automática[/i][/b][/color][/size]">Caso Resolvido.Tag RESOLVIDA adiconada. Tópico fechado. Movido para dúvidas Resolvidas. Essa mensagem é automática.</option> <option value="[size=14][color=yellow][b][i]Estamos Analisando seu caso. Tag EM ANÁLISE adicionada. Em breve será postada uma solução. Essa mensagem é automática.[/i][/b][/color][/size]">Estamos Analisando seu caso. Tag EM ANÁLISE adicionada. Em breve será postada uma solução. Essa mensagem é automática</option> <option value="[size=14][color=orange][b][i]Dúvida há mais de 3 dias sem resposta do autor. Tag ABANDONO adicionada. Essa mensagem é automática.[/i][/b][/color][/size]">Dúvida há mais de 3 dias sem resposta do autor. Tag ABANDONO adicionada. Essa mensagem é automática.</option> </select> <select id="to" style="width: 50%"> <option value="">Movido para</option> <option value="[b]Movido para:[/b] Arquivos">Arquivos</option> <option value="[b]Movido para:[/b] Lixeira">Lixeira</option> <option value="[b]Movido para:[/b] Local correspondente">Local correspondente</option> <option value="[b]Movido para:[/b] Dicas e Tutoriais">Dicas e Tutoriais</option> </select> <textarea id="mot" name="subject" placeholder="Descreva o motivo desta mensagem" class="inputbox" style="display: block; margin: 5px 0 5px 0; min-height: 55px;" onChange="titulo();"></textarea> <input onclick=" envia()" type="button" id="gerar-msg" value="Gerar"/> <input name="post" onclick=" envia()" type="submit" id="gerar-msg" value="Enviar"/> <input name="post" onclick=" block()" type="submit" id="gerar-msg" value="Enviar & Block"/> <input type="button" value="Limpar caixa" id="limpar-msg"/> </div> </div>');
        }, function () {
            $(this).next().remove();
        });
        $('#limpar-msg').click(function () {
            $('#text_editor_textarea').sceditor('instance').val('');
        });
    }
});
function envia() {
    if ($('#text_editor_textarea').val() == "") {
        var pegatopics = $('[name="t"]').val();
        $('[name="t"]').val(pegatopics);
        $('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
    }
}
function block() {
    if ($('#text_editor_textarea').val() == "") {
        var pegatopics = $('[name="t"]').val();
        $('[name="t"]').val(pegatopics);
        $('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
        window.open('/modcp?t=' + pegatopics + '&mode=move&mode=lock');
    }
}
Ele transmite isso nos tópicos: Edição de código Screen11

E um tipo de mensagem automática, porém eu queria modificar esse sistema e colocar um sistema automático sendo ele com imagens, por exemplo cada imagem para um determinado caso.

Exemplos:

Duvida resolvida: Edição de código Caso_r10

Denuncia resolvida: Edição de código Denunc11

E assim por diante, cada caso uma mensagem usando esse sistema automático só que trocando a mensagem que ele gera por uma imagem.
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 20:54

Poderia passar aqui as imagens que quer para cada caso, com o "título" e o "texto" correspondente? o/
Luiz

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Ketholy 25.09.17 21:04

Imagens:

Imagens:



Última edição por Ketholy123 em 25.09.17 21:07, editado 1 vez(es)
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 21:05

Recapitulando só para eu não fazer errado: Envergonhado
Você, ao invés de usar texto, quer usar essas imagens?
Luiz

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Ketholy 25.09.17 21:09

Luiz escreveu:Recapitulando só para eu não fazer errado: Envergonhado
Você, ao invés de usar texto, quer usar essas imagens?

Isso mesmo querido. Piscada
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 21:54

Aqui está:
Código:
(function ($, css) {
  'use strict';

  var buttons = [
    {
      label: 'Dúvida resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
    }, {
      label: 'Dúvida em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
    }, {
      label: 'Dúvida abandona',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
    }, {
      label: 'Denúncia resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
    }, {
      label: 'Denúncia em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
    }, {
      label: 'Dúvida negada',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
    }, {
      label: 'Evento finalizado',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
    }, {
      label: 'Pedido em atendimento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
    }, {
      label: 'Pedido entregue',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
    }, {
      label: 'Pedido em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
    }
  ];

  $(function () {

    var $textarea = $('#text_editor_textarea');

    if (!$textarea) {
      return;
    }

    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Imagens moderativas da equipe',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Imagens moderativas',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {

          event.preventDefault();
          event.stopPropagation();

          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }

          var $this = $(this);

          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;

      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });

    $(document).on('click', function () {
      $dropdown.hide();
    });

    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));

Invista em todas as páginas. Feliz
Luiz

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Ketholy 25.09.17 22:09

Luiz escreveu:Aqui está:
Código:
(function ($, css) {
  'use strict';

  var buttons = [
    {
      label: 'Dúvida resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
    }, {
      label: 'Dúvida em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
    }, {
      label: 'Dúvida abandona',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
    }, {
      label: 'Denúncia resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
    }, {
      label: 'Denúncia em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
    }, {
      label: 'Dúvida negada',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
    }, {
      label: 'Evento finalizado',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
    }, {
      label: 'Pedido em atendimento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
    }, {
      label: 'Pedido entregue',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
    }, {
      label: 'Pedido em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
    }
  ];

  $(function () {

    var $textarea = $('#text_editor_textarea');

    if (!$textarea) {
      return;
    }

    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Imagens moderativas da equipe',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Imagens moderativas',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {

          event.preventDefault();
          event.stopPropagation();

          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }

          var $this = $(this);

          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;

      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });

    $(document).on('click', function () {
      $dropdown.hide();
    });

    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));

Invista em todas as páginas. Feliz

Luiz não aparece nada, já testei de duas forma e não resulto em nada.
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 22:13

Desculpe, erro meu:
Código:
(function ($, css) {
  'use strict';
 
  var buttons = [
    {
      label: 'Dúvida resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
    }, {
      label: 'Dúvida em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
    }, {
      label: 'Dúvida abandona',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
    }, {
      label: 'Denúncia resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
    }, {
      label: 'Denúncia em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
    }, {
      label: 'Dúvida negada',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
    }, {
      label: 'Evento finalizado',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
    }, {
      label: 'Pedido em atendimento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
    }, {
      label: 'Pedido entregue',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
    }, {
      label: 'Pedido em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
    }
  ];
 
  $(window).on('load', function () {
 
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea) {
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Imagens moderativas da equipe',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Imagens moderativas',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {
 
          event.preventDefault();
          event.stopPropagation();
 
          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }
 
          var $this = $(this);
 
          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;
 
      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });
 
    $(document).on('click', function () {
      $dropdown.hide();
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));
Luiz

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Ketholy 25.09.17 22:20

Luiz escreveu:Desculpe, erro meu:
Código:
(function ($, css) {
  'use strict';
 
  var buttons = [
    {
      label: 'Dúvida resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
    }, {
      label: 'Dúvida em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
    }, {
      label: 'Dúvida abandona',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
    }, {
      label: 'Denúncia resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
    }, {
      label: 'Denúncia em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
    }, {
      label: 'Dúvida negada',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
    }, {
      label: 'Evento finalizado',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
    }, {
      label: 'Pedido em atendimento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
    }, {
      label: 'Pedido entregue',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
    }, {
      label: 'Pedido em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
    }
  ];
 
  $(window).on('load', function () {
 
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea) {
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Imagens moderativas da equipe',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Imagens moderativas',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {
 
          event.preventDefault();
          event.stopPropagation();
 
          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }
 
          var $this = $(this);
 
          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;
 
      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });
 
    $(document).on('click', function () {
      $dropdown.hide();
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));

Continua sem funcionar ):
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 22:20

Poderia me passar uma conta de testes? Eu testei no meu fórum e funcionou. :v
Luiz

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Ketholy 25.09.17 22:24

Luiz escreveu:Poderia me passar uma conta de testes? Eu testei no meu fórum e funcionou. :v

conta:
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 22:27

Você tem um erro JavaScript no seu fórum que está impedindo o código de dar efeito:
-> http://prntscr.com/gpni9p

Você reconhece algo como Tawk_API?
Se sim, remova para testar.
Luiz

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Ketholy 25.09.17 22:50

Luiz escreveu:Você tem um erro JavaScript no seu fórum que está impedindo o código de dar efeito:
-> http://prntscr.com/gpni9p

Você reconhece algo como Tawk_API?
Se sim, remova para testar.

Pronto retirado.
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 22:57

Eu não vejo o código ativado...
Certifique-se de que você criou um novo JavaScript investido em todas as páginas com o código:
Código:
(function ($, css) {
  'use strict';
 
  var buttons = [
    {
      label: 'Dúvida resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
    }, {
      label: 'Dúvida em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
    }, {
      label: 'Dúvida abandona',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
    }, {
      label: 'Denúncia resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
    }, {
      label: 'Denúncia em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
    }, {
      label: 'Dúvida negada',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
    }, {
      label: 'Evento finalizado',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
    }, {
      label: 'Pedido em atendimento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
    }, {
      label: 'Pedido entregue',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
    }, {
      label: 'Pedido em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
    }
  ];
 
  $(window).on('load', function () {
 
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea) {
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Imagens moderativas da equipe',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Imagens moderativas',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {
 
          event.preventDefault();
          event.stopPropagation();
 
          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }
 
          var $this = $(this);
 
          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;
 
      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });
 
    $(document).on('click', function () {
      $dropdown.hide();
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));

Luiz

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Ketholy 25.09.17 23:01

Luiz escreveu:Eu não vejo o código ativado...
Certifique-se de que você criou um novo JavaScript investido em todas as páginas com o código:
Código:
(function ($, css) {
  'use strict';
 
  var buttons = [
    {
      label: 'Dúvida resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
    }, {
      label: 'Dúvida em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
    }, {
      label: 'Dúvida abandona',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
    }, {
      label: 'Denúncia resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
    }, {
      label: 'Denúncia em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
    }, {
      label: 'Dúvida negada',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
    }, {
      label: 'Evento finalizado',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
    }, {
      label: 'Pedido em atendimento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
    }, {
      label: 'Pedido entregue',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
    }, {
      label: 'Pedido em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
    }
  ];
 
  $(window).on('load', function () {
 
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea) {
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Imagens moderativas da equipe',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Imagens moderativas',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {
 
          event.preventDefault();
          event.stopPropagation();
 
          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }
 
          var $this = $(this);
 
          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;
 
      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });
 
    $(document).on('click', function () {
      $dropdown.hide();
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));


Esta ativo.
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 23:03

Luiz

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Ketholy 25.09.17 23:10

Luiz escreveu:Ora:
-> http://prntscr.com/gpnw66

Muito feliz

Nem tinha percebido onde ele iria aparecer, porém só tem um problema Luiz, está aparecendo pros mesmbros também, essa função seria só pra moderadores de tal ária.
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 23:11

Veja agora:
Código:
(function ($, css) {
  'use strict';
 
  var buttons = [
    {
      label: 'Dúvida resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
    }, {
      label: 'Dúvida em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
    }, {
      label: 'Dúvida abandona',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
    }, {
      label: 'Denúncia resolvida',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
    }, {
      label: 'Denúncia em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
    }, {
      label: 'Dúvida negada',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
    }, {
      label: 'Evento finalizado',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
    }, {
      label: 'Pedido em atendimento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
    }, {
      label: 'Pedido entregue',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
    }, {
      label: 'Pedido em andamento',
      img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
    }
  ];
 
  $(window).on('load', function () {

    if (_userdata.user_level !== 1 && _userdata.user_level !== 2) {
      return;
    }
 
    var $textarea = $('#text_editor_textarea');
 
    if (!$textarea) {
      return;
    }
 
    var $sceditor = $textarea.sceditor('instance');
   
    $('<a>', {
      'class': 'sceditor-button sceditor-button-moderacao',
      'unselectable': 'on',
      'title': 'Imagens moderativas da equipe',
      'href': 'javascript:void(0);',
      'html': $('<div>', {
        'unselectable': 'on',
        'text': 'Imagens moderativas',
        'style': [
          'opacity: initial !important;',
          'filter: none !important;',
          'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
        ].join(' ')
      }).prop('outerHTML')
    })
      .appendTo($('.sceditor-group').last())
        .on('click', function (event) {
 
          event.preventDefault();
          event.stopPropagation();
 
          if ($dropdown.css('display') === 'block') {
            $dropdown.hide();
            return;
          }
 
          var $this = $(this);
 
          $dropdown
            .css({
              display: 'block',
              position: 'absolute',
              top: $this.offset().top + 'px',
              left: $this.offset().left + 'px',
              marginTop: '27px'
            })
          ;
         
        })
    ;
   
    var $dropdown = $('<div>', {
      'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
    })
      .hide()
        .appendTo('body')
          .on('click', function (event) {
            event.stopPropagation();
          })
    ;
   
    $.each(buttons, function () {
      var button = this;
 
      $('<a>', {
        'href': 'javascript:void(0);',
        'text': button.label,
        'data-text': '[img]' + button.img + '[/img]',
        'class': 'sceditor-dropdown-item'
      })
        .appendTo($dropdown)
          .on('click', function () {
            $sceditor.insertText($(this).attr('data-text'));
            $dropdown.hide();
          })
      ;
    });
 
    $(document).on('click', function () {
      $dropdown.hide();
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.sceditor-dropdown-moderacao {',
  '  padding: 0px !important;',
  '  max-height: 123px;',
  '  overflow-y: scroll;',
  '}',
  '',
  '.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
  '  display: block;',
  '  padding: 10px;',
  '  border-bottom: solid 1px #ddd;',
  '}'
]));
o/
Luiz

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Ketholy 25.09.17 23:18

Você é 10 Luiz, apaixonado Piscada

Atendimento bem sucedido, você realmente é um ótimo integrante do FDF.
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de código

Mensagem por Luiz 25.09.17 23:19

Obrigado, @Ketholy123!
Sempre que precisar pode contar conosco. Rosa

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

Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos