additional "Like button" without reload whole post
Per
// ==UserScript==
// @name SSC Better like button
// @author el nino
// @namespace el nino
// @description additional "Like button" without reload whole post
// @include http://www.skyscrapercity.com/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js
// @version 1.3.0
// @grant none
// ==/UserScript==
var like_active = 'iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEKSURBVDhPlZO9isJAFIVHc2dSCKv4Ij6VjZa+gC9gJbgILirapXFZLBSsgijI1tbCvoONP3tuvGK8DsEc+MLMPedMimRMWp9EbkhUle2L2OsjI9uHYms/rmE4AEdwBQdQF9tcnKvLjD3ODH7RScwRkcVgI6amLfi8zQxdc3Ku4THvnASfxzQMHnM1zMOcD1ioYR4WfEBHDfPQMXtra1iclfEO5z/nasmXwKanzHfoJWXWlCjEIFaBLOIfdKR+08raCoydCvrYbZGV2rNwSBmBtSqkWaNclrhf30QlBJeqyCzxgpLEsjXBhUEhSpUj/LavlyhLXaIAxS9mjLWM86lZLBZaQVCQrUfG/AMYwUqdQyMIkwAAAABJRU5ErkJggg==';
var like_inactive = 'iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAETSURBVDhPlZMxjoJQEIafMWJhosYbkFDzCBRQQCChoQMOYeMp9gK2Vu4JrC20NcbCU+wpttHs/sPORhxfiPzJR5j55x8S4Km2tNaW7/sLLl9Enud5FpcPJUkyret6C77BD/gCS7ZVVVVL7pFHM9ssy6aNia0jNC5sSj4Yk3cJw3CkyrJcGcx/bozJI1YKl71o9mFPCw6i2YcDLViLZh/WKs9zjZu7MN7hXhSFbr4Eio0w32HThElBEIzROImBLk5RFI05/qc4jucwrmLQxDVN0znHnoUlMwycRaDNGeEZj5uFv2uCwaMIEkc8YMJj3cI7sRDYtcI7LH49RF1yXXeI4CeB8zLkdj/Ztj1wHGfApUFK/QIPdTjK7ObmHQAAAABJRU5ErkJggg==';
initializeLike();
$(".better-like-active").click(function() {
var postid = $(this).parent().data("postid");
sendLike(postid);
disableLike();
setTimeout(enableLike,7500);
});
function initializeLike(){
$("<img>", {
"src": "data:image/png;base64," + like_inactive,
"class": "better-like-inactive",
"style": "display:inline; display: none",
"width": "16px", "height": "16px"})
.appendTo(".dbtech-thanks-button-control"),
$("<img>", {
"src": "data:image/png;base64," + like_active,
"class": "better-like-active",
"style": "display:inline; cursor: pointer;",
"width": "16px", "height": "16px"})
.appendTo(".dbtech-thanks-button-control"),
$(".dbtech-thanks-button-control a").hide();
}
//Disable like buttons for 10 seconds
function disableLike(){
$('.better-like-active').hide();
$('.better-like-inactive').show();
}
//Enable like buttons
function enableLike(){
$('.better-like-inactive').hide();
$('.better-like-active').show();
}
//Sending like to server
function sendLike(postid){
$.ajax({
type: "POST",
url: "http://www.skyscrapercity.com/thanks.php",
data: {
"securitytoken": SECURITYTOKEN,
"do": "ajax",
"action": "entry",
"varname": "likes",
"contenttype": "post",
"p": postid
}
}).done(function(data) {
var tagData = $(data),
origData = data;
data = {
thanksEntries: {},
//colorOptions: {}
};
var singleVals = {
0: 'entries',
1: 'actions',
2: 'error'
};
/*
if (tagData.find('colorOption').length) {
tagData.find('colorOption').each(function() {
var tagData2 = $(this);
if (typeof data.colorOptions[tagData2.attr('varname')] == 'undefined') {
data.colorOptions[tagData2.attr('varname')] = {};
}
data.colorOptions[tagData2.attr('varname')][tagData2.attr('numclicks')] = {
color: tagData2.text(),
settings: tagData2.attr('settings')
};
});
}*/
if (tagData.find('thanksEntry').length) {
tagData.find('thanksEntry').each(function() {
data.thanksEntries[$(this).text()] = $(this).attr('numclicks');
});
}
for (var i in singleVals) {
data[singleVals[i]] = '';
if (tagData.find(singleVals[i]).length) {
data[singleVals[i]] = tagData.find(singleVals[i]).text();
} else if (singleVals[i] != 'error') {
data['error'] = origData;
}
}
if (data.error) {
alert(data.error);
console.error(timeStamp() + "AJAX Error: %s", data.error);
return true;
}
$('#dbtech_thanks_entries_' + postid).html(data.entries);
//$('#dbtech_thanks_actions_' + postid).html(data.actions);
});
}