[SOLVED] auto solved button

@Royal Bengal: We've got a beautiful forum for these kind of questions... Why not try and start using it?



*** Topic moved to the C&G Questions section ***

Hi @Royal Bengal,

It's a script I made for the support awhile back when I was still staff. It's for phpbb3 only, and I have no intention of converting it for other versions currently, if anything I'd probably make a new script.

Anyway to install the script go to Admin Panel > Modules > JavaScript codes management and create a new script with the following settings.

Placement : In all the topics

Code:

$(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>');

Modifications :

forums : replace the numbers in 42|43|44|45|46|63 with the id of the forum you want the button to show up in. You can see the forum id by looking at the URL when you're inside a forum. For example :
https://fmdesign.forumotion.com/f3-announcements-and-important-topics = 3 ( see the "f3" ? )

id : This is the id of your solved icon. To find it, you need to go to Admin Panel > Display > Pics management > Advanced > Topics icons > edit your solved icon

Look at the URL in your address bar, and look for "icon=N" where N would be the id of your topic icon. Once you've found it, replace the "3" that's currently set as the id.

Save the script when you're finished.

What are you trying to make a green bar ?

It is the same script as Forumotion. What's different about it ? Could you take a screenshot to show me ?

Ah thanks, that explains it ! It's a problem with the CSS. Try adding the following rules to your stylesheet :

Code:

/* solved button */
a.markSolved, a.markSolved:active, a.markSolved:focus {
  background:#8C5 !important;
  border:1px solid #8C5 !important;
  padding:5px 12px !important;
}
a.markSolved:hover {
  background:#7B4 !important;
  border:1px solid #6A3 !important;
}
a.markSolved.marked { opacity:0.5 }
a.markSolved i { font-size:13px }

You're welcome ! ^^

Topic archived

Have a good day.