Alterar o botão 'resolvido'

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

Atendido / Resolvido Alterar o botão 'resolvido'

Mensagem por Convidado em 31.03.19 13:06

Detalhes da questão


Endereço do fórum: http://Etcetera.forumotion.com
Versão do fórum: phpBB3

Descrição


Olá, Eu vejo um problema no código auto-resolvido. aqui está o código abaixo

Código:
$(function() {
  window.$fa_solved = {
    forums : /42|43|44|45|46|63/,
  
    icon : {
      id : 3,
      image : 'http://i62.servimg.com/u/f62/11/22/70/40/solved10.png'
    },
  
    lang : {
      mark : '<i class="fa"></i> Mark Solved',
      mark_title : 'Marking your topic with the Solved icon will let staff know your problem has been resolved.',
      mark_title_mod : 'Mark this topic Solved',
      marking : '<i class="fa fa-spin"></i> Marking...',
      marked : '<i class="fa"></i> Solved !'
    },
  
    post_id : $('.post')[0].id.slice(1),
  
    encode : function(string) {
      return encodeURIComponent(escape(string).replace(/%u[A-F0-9]{4}/g, function(match) {
        return '&#' + parseInt(match.substr(2), 16) + ';';
      })).replace(/%25/g, '%');
    }
  
  };
 
  var main = document.getElementById('main-content'), post = $('.post', main)[0], fid = $('.topic-actions:first .pathname-box a:last', main).attr('href'), author = $('.postprofile dt', post).text(),  icon = $('.topic-title img', main),  mod = $('.i_icon_ip', post)[0], button = document.createElement('A');
 
  if (icon[0].src != $fa_solved.icon.image && $fa_solved.forums.test(fid)) {
    if (!mod && author != _userdata.username) return;
  } else return;
 
  button.innerHTML = $fa_solved.lang.mark;
  button.title = mod ? $fa_solved.mark_title_mod : $fa_solved.mark_title;
  button.className = 'button1 markSolved';
  button.href = '#';
 
  button.onclick = function() {
    var t = this, icon = $('.topic-title img', document.getElementById('main-content'));
    t.innerHTML = $fa_solved.lang.marking;
    t.removeAttribute('title');
    t.onclick = function() { return false };
  
    $.get('/post?p=' + $fa_solved.post_id + '&mode=editpost', function(d) {
      var auth = $('input[name="auth[]"]', d);
      $.post('/post', 'subject=' + $fa_solved.encode($('input[name="subject"]', d)[0].value) + '&message=' + $fa_solved.encode($('#text_editor_textarea', d)[0].value) + '&p=' + $fa_solved.post_id + '&post_icon=' + $fa_solved.icon.id + '&mode=editpost&auth[]=' + auth[0].value + '&auth[]=' + auth[1].value + '&post=1', function() {
        t.innerHTML = $fa_solved.lang.marked;
        t.className += ' marked';
        icon.attr('src', $fa_solved.icon.image);
      });
    });
  
    return false;
  };
 
  main.insertBefore(button, post);
});
 
document.write('<style type="text/css">a.markSolved, a.markSolved:active, a.markSolved:focus {background-color:#8C5;border-color:#8C5;padding:5px 12px !important;}a.markSolved:hover {background-color:#7B4;border-color:#6A3;}a.markSolved.marked {opacity:0.5}a.markSolved i {font-size:13px}</style>');

esse código está mostrando esse resultado abaixo
Alterar o botão 'resolvido' 20190317

mas isso será como este abaixo

Alterar o botão 'resolvido' 20190318

Eu acho que há um problema em css ou css não está funcionando para este código. ou qualquer outro código css está criando este problema?
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Alterar o botão 'resolvido'

Mensagem por Roger123 em 31.03.19 13:14

Olá,
Troque o código para:
Código:
        $(function() {
          window.$fa_solved = {
            forums : /42|43|44|45|46|63/,
       
            icon : {
              id : 3,
              image : 'http://i62.servimg.com/u/f62/11/22/70/40/solved10.png'
            },
       
            lang : {
              mark : '<i class="fa"></i> Mark Solved',
              mark_title : 'Marking your topic with the Solved icon will let staff know your problem has been resolved.',
              mark_title_mod : 'Mark this topic Solved',
              marking : '<i class="fa fa-spin"></i> Marking...',
              marked : '<i class="fa"></i> Solved !'
            },
       
            post_id : $('.post')[0].id.slice(1),
       
            encode : function(string) {
              return encodeURIComponent(escape(string).replace(/%u[A-F0-9]{4}/g, function(match) {
                return '&#' + parseInt(match.substr(2), 16) + ';';
              })).replace(/%25/g, '%');
            }
       
          };
       
          var main = document.getElementById('main-content'), post = $('.post', main)[0], fid = $('.topic-actions:first .pathname-box a:last', main).attr('href'), author = $('.postprofile dt', post).text(),  icon = $('.topic-title img', main),  mod = $('.i_icon_ip', post)[0], button = document.createElement('A');
       
          if (icon[0].src != $fa_solved.icon.image && $fa_solved.forums.test(fid)) {
            if (!mod && author != _userdata.username) return;
          } else return;
       
          button.innerHTML = $fa_solved.lang.mark;
          button.title = mod ? $fa_solved.mark_title_mod : $fa_solved.mark_title;
          button.className = 'button1 markSolved';
          button.href = '#';
       
          button.onclick = function() {
            var t = this, icon = $('.topic-title img', document.getElementById('main-content'));
            t.innerHTML = $fa_solved.lang.marking;
            t.removeAttribute('title');
            t.onclick = function() { return false };
       
            $.get('/post?p=' + $fa_solved.post_id + '&mode=editpost', function(d) {
              var auth = $('input[name="auth[]"]', d);
              $.post('/post', 'subject=' + $fa_solved.encode($('input[name="subject"]', d)[0].value) + '&message=' + $fa_solved.encode($('#text_editor_textarea', d)[0].value) + '&p=' + $fa_solved.post_id + '&post_icon=' + $fa_solved.icon.id + '&mode=editpost&auth[]=' + auth[0].value + '&auth[]=' + auth[1].value + '&post=1', function() {
                t.innerHTML = $fa_solved.lang.marked;
                t.className += ' marked';
                icon.attr('src', $fa_solved.icon.image);
              });
            });
       
            return false;
          };
       
          main.insertBefore(button, post);
        });
       
        document.write('<style type="text/css">a.markSolved, a.markSolved:active, a.markSolved:focus {background-color:#8C5;border-color:#8C5;padding:5px 12px !important;}a.markSolved:hover {background-color:#7B4;border-color:#6A3;}a.markSolved.marked {opacity:0.5}a.markSolved i {font-size:13px}.button1.markSolved {color: white !important;}</style>');

Cordialmente,
Roger123


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Alterar o botão 'resolvido' Pmb0kx10
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1418
Pontos Ativos : 1710

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Alterar o botão 'resolvido'

Mensagem por Convidado em 31.03.19 13:31

Eu usei css para fazer fundo verde. está resolvido agora. obrigado
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Alterar o botão 'resolvido'

Mensagem por Pedxz em 31.03.19 15:02

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2805
Pontos Ativos : 3557

Ver perfil do usuário https://pedxz.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