Alterar o botão 'resolvido'

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

Tópico resolvido Alterar o botão 'resolvido'

Mensagem por Convidado 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 - Alterar o botão 'resolvido' 20190317

mas isso será como este abaixo

Alterar - 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


Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar o botão 'resolvido'

Mensagem por Convidado 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
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar o botão 'resolvido'

Mensagem por Convidado 31.03.19 13:31

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

Convidado
Convidado


Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Alterar o botão 'resolvido'

Mensagem por tikky 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.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

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