Mensagens de aviso quebradas

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]");
            });
            });
          });

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

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)

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/

Ficou colocado na perfeição.
Obrigado =)

Pode fechar