Mensagens de aviso quebradas

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

Atendido / Resolvido Mensagens de aviso quebradas

Mensagem por L Mars em 20.09.17 10:44

Detalhes da questão


Endereço do fórum: http://bulbarpg.forumeiros.com
Versão do fórum: phpBB3

Descrição


Ola a todos.
Tenho uma duvida com um código Java que bugou.

Ao colocar os codes para aquelas "caixas" de Sucesso, Aviso, Informação e Alerta, elas surgem sempre bugadas.
A unica maneira de as colocar de forma correcta é colocar o code, Pre-visualizar a mensagem, e depois postar.

Ao pre-visualizar a resposta ela fica com os codes corretos, porem antes nunca fez isso. Era colocar e postar direto.

O code é este: Alguem pode dar uma olhadela e perceber o erro?
Código:
jQuery(function(){
          jQuery(function(){
            jQuery('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){
                    jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
            });
            jQuery('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
                    jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
            });
            jQuery('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
                    jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
            });
            jQuery('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informação"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
                    jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
            });
            });
          });
L Mars

L Mars
Nível 10

Masculino
Inscrito dia : 08/12/2008
Mensagens : 281
Pontos Ativos : 389

http://bulbarpg.forumeiros.com

Atendido / Resolvido Re: Mensagens de aviso quebradas

Mensagem por Luiz em 20.09.17 17:26

Posso dar uma melhorada geral no código, de maneira a recriá-lo do zero? :v
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Mensagens de aviso quebradas

Mensagem por L Mars em 21.09.17 0:42

@Luiz escreveu:Posso dar uma melhorada geral no código, de maneira a recriá-lo do zero? :v
Sim claro, desde que fique a funcionar xD
Este já é um Code antigo, dai ter ficado bugado (quase de certeza que foi isso)
L Mars

L Mars
Nível 10

Masculino
Inscrito dia : 08/12/2008
Mensagens : 281
Pontos Ativos : 389

http://bulbarpg.forumeiros.com

Atendido / Resolvido Re: Mensagens de aviso quebradas

Mensagem por Luiz em 21.09.17 0:59

Aqui:
Código:
(function ($) {
  'use strict';

  var buttons = [
    { name: 'Sucesso', img : 'http://i.imgur.com/EISZPwN.png' },
    { name: 'Alerta', img : 'http://i.imgur.com/lMsD0nE.png' },
    { name: 'Aviso', img : 'http://i.imgur.com/cI8SnOI.png' },
    { name: 'Infos', img : 'http://i.imgur.com/40zM1qS.png' }
  ];

  $(window).on('load', function () {
    if (!$.sceditor) {
      return false;
    }

    $.each(buttons, function () {
      var self = this;

      var className = self.name.toLowerCase();

      $('<a>', {
        'class': 'sceditor-button sceditor-button-' + className,
        'title': self.name,
        'unselectable': 'on',
        'html': $('<div>', {
          'unselectable': 'on',
          'style': 'background-image: url(' + self.img + ');',
          'text': self.name
        }).prop('outerHTML')
      })
        .appendTo($('.sceditor-group').last())
          .on('click', function () {
            $('#text_editor_textarea')
              .sceditor('instance')
                .insertText('[table class="' + className + '"][tr][td]', '[/td][/tr][/table]')
            ;
          })
      ;
    });
  });
}(jQuery));

Crie como novo JavaScript e invista em todas as páginas. o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Mensagens de aviso quebradas

Mensagem por L Mars em 21.09.17 10:57

Ficou colocado na perfeição.
Obrigado =)

Pode fechar
L Mars

L Mars
Nível 10

Masculino
Inscrito dia : 08/12/2008
Mensagens : 281
Pontos Ativos : 389

http://bulbarpg.forumeiros.com

Atendido / Resolvido Re: Mensagens de aviso quebradas

Mensagem por Kyo Panda em 21.09.17 14:04

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5935

https://ajuda.forumeiros.com

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