CrikeyCleanCommentPreview

Fix Comment Preview box on crikey blogs
当前为 2016-04-20 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name           CrikeyCleanCommentPreview
// @author         Musrum
// @namespace      2
// @description    Fix Comment Preview box on crikey blogs
// @include        http://blogs.crikey.com.au/*
// @include        http://www.crikey.com.au/*
// @exclude        http://www.crikey.com.au/*.gif
// @require 	   https://greasyfork.org/scripts/1884-gm-config/code/GM_config.js?version=4836
// @grant          none
// @version        5.04
// ==/UserScript==
// Ver 5.00
// New major version to deal with New, souped-up Crikey
// Ver 5.01
// Added Recommend CCCP
// Ver 5.02
// Added Basic Preview
// Ver 5.03
// Show Avatars Option
// Ver 5.04
// Set Avatars Size Option
var scriptVer = '5.04';
////////////////////////////////////////////////////////////////////////////////
/*jslint browser: true */
/*global GM_config, GM_registerMenuCommand */
////////////////////////////////////////////////////////////////////////////////
//don't run in iframes
if (window.top !== window.self) {
    return;
}
////////////////////////////////////////////////////////////////////////////////
//    URLS
var ff = ["Firefox"      ,"http://www.mozilla.com/en-US/firefox/personal.html"];
var gm = ["Greasemonkey" ,"https://addons.mozilla.org/en-US/firefox/addon/748"];
var gc = ["Google Chrome","http://www.google.com/chrome"];
var tm = ["Tampermonkey" ,"https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo"];
var cc = ["cccp"         ,"https://greasyfork.org/en/scripts/18677-crikeycleancommentpreview"];
////////////////////////////////////////////////////////////////////////////////
//  Init Global Variables
var em = [];
var removeHTML = new RegExp('<[/]?([psu]|address|applet|area|base|basefont|bdo|big|body|br|button|caption|center|col|colgroup|dd|dfn|dir|div|dl|dt|fieldset|font|form|frame|frameset|head|h[1-6r]|html|iframe|img|input|ins|kbd|label|legend|li|link|map|menu|meta|noframes|noscript|object|ol|optgroup|option|param|pre|samp|script|select|small|span|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|ul|var:\w+)[^>]*?>', 'gi');
function setupEmoticons() {
    em["quotes.png"] = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAG9klEQVR42sSXXYxdVRXHf3ufe8+5HzNDx3Y+2g60BYpYQWtFbDTEIIq1SOuLJmgjjVGi1aTpE5kH52F4ICZtYk3jBBJDMJL0wRcMiTCMQ0PbgX5QQZuSWFNop0Oht52Z+332x9nbhzn39pZCHSCGnazsc/c9Z//+e+219llHeO/5NJvkU26Zj/vgiRMnskBf6/eGDRve+TjziMVuwfHjxx8SQtwj4F7n/Y1AQYD1IATgvceDMsacNcZMFIvFP991113HPpGAo0ePflFKOeqc25LP5VR3sRjl83mibJZMZsF5QggAkiQhSRKaStFoNpkvlzHWxo1G48D09PS27du3X76ugBNMtQf1q3KplPIZKcTXly1d2vWZG25ACNGGtfrrNe89sVJcmp1lrlxmfn7+5ddff33Td4a/0QTYwNc+WEA8xUbg8NLeXjnQ14cMAuQiwH6B+oFCkiTh7PnzlEol9e/Tpx/YuGP931sCrsqC+sFkjxTihVVDQ7K3dwk2sSRJgvcebTTKaKy1bWDbvG/DrbXUG3XqzTrGGKy1xDpmoG8ZywcHo3Xr1r146PfHf3lNGlYO6DsE/OymoaGeTDZLpV7hyJGDmMSijObs9FucOvUGxiWQbkfbpGxfN1XMsdcOM/78s8xW5pmtzDP+wl859toUS5b0MNjfLz53++1/2L1794NXpWGSJFOrVq7sDsOQetzglUMvoZXGWoMymvHnnmX93RvboGuCN90eZWIO/O15dKwYuvnWhQw6eJgwF/H5O7/E4MAA2hhW3XTTXx5//PHlEmB8fPy3+VwuyBUKIATKKI4cmmJw6EaSxHHhvXc4+ca/WHXzLWSDK9HfDszO2BCS+UqVuXKFarVMo15jrlzhvfdKWJcghGD5wAADg4Mh8GsJ4JLke13FYsE5h7WWdy9e4D+nz1Br1FFa8eapk1SbMXOVMolzC8AOqOgQFIU5vr11C6XLcyzpXcqa1WtZufYWrBAEQrbF39DTQ39//68kgLF2TblcplQqMTt3menpc5Quz7Jv9++oNqucOzfN9PQMfxwbo9astXM+ce4aw3sQEp8JGBxYQRTlyBeK9K1cgUSitKYZxyilyGQy/Zl0/60xBq01UgqyYURpdo6i1njvkUFAaXaOcq2G1Qaj9Yemo9KKqcNTfHnjV8nKDAmOAy+9zM9/8QgCgVYKFcfEcUySJAtBaK0tKaW6s5kMAlg9tIr7Nt/P2rW3ks/m2Lz5AY4dPc6Ptm0jG2S53ukphWRZXz9btmwhzIRU6hXuve+brP/CBvCglEIpRb1eR2vdEN579u/f/2SYzf60u6sryOVyRFFEmAsJZEAuyiEDiZACgSAKI4IguOpkbB04AFprvPAIL5BSYowh8QnOOpxzKKWI45i33n6bdy5cONzagt/ESbItDMO8v/JiIQpDtNBk07NfBhLn3MJK09zvFOCcWxjz0Apo5xxJkmCsRWuNUopatUqsFM1mc0/7KP7T008/mclkftzV1VUIw5C2ZbNkw5BsNks2k2mLCYIAKeVVx20L9v7eWosxBm0MWilmLlygVCqd3LVr153tg+gnDz/8yFNPPbXGVSr3dHd3R0mSLDyUzRIaQxiGRFGES73jAZmKb2WFtbZt7UzpEGCt5eLFi9RqtVocx5uuKUiMMfdba/drrTd1dXX1hGHYfrDlzpbHvPdIKa+4OM2izvs7RRhjuHT5Ms1ms1Iul9cPDw/PfGg9MDY29i0hxNNBECzJ5/OFQqFAoVAgn8uRy+fJRRGZTAYhBM65NlxrjU4FtMBaa6rVKs1mE2PMZL1ev394eDhZVEGyb9++B4UQPwC+K6UsdhWL4erVq4MwDNsFSQuitaZSraLTKDfGoLR2zjmVJMmLcRz/8NFHH1UfuyTbu3fvHVLK59asWbOqu7sbKSXe+/b+nj9/nlqtZoQQJ51zrwoh/gG8snPnzpOfuCYUC/km9+zZYz97223t1XvvF+AzMzQajcrp06fvfuKJJ8521CityV1qad1yBZpZBFwC4Y4dO74ioKqU6jbGAHDp0iXm5ufRWv9zbGxs28zMjANWpLAkNQsowAA6HftIZXkA5Ht6eh4Koygy1lKr1ZhfAM9NTEyMTk5Ovgn0dwBN2msgBppALf3fdXjm+gJargeinp6e7c1mkzNnzhDH8buHDh16ZnJy8o0UUnwfOJOOixSq0nnSN7cQrW34nzEghAiBbmD51q1bvz8xMXG2Xq+TTtpIVxenQN3hhaTD7Sq9xwDWe+8WHYRpDOSAHqAX6EpXYjrgrZXb1L2uo3cdglwag/4qAY899th1RYyMjMjUrREQtsrIFJx0TO4ARkdHF/3Fu6hvw9HRUTcyMmJSYOsV6D8K6BN/G/6/2n8HAGRBRxNN7AZkAAAAAElFTkSuQmCC';
}
////////////////////////////////////////////////////////////////////////////////
// Onload ...
window.addEventListener('load', function () {
//    if ( ! document.getElementById("menu-item-543649") && window.location.href.match(/www.crikey.com.au/) ) {
//        autoLogin();
//    } else {
        main();
//    }
});
////////////////////////////////////////////////////////////////////////////////
// Config settings dialog
GM_config.storage = 'Crikey Clean Comment Preview';
GM_config.init('Crikey Clean Comment Preview - Ver ' + scriptVer,
    {
        cleanVertSpace: {
            label: 'Clean Vertical Space',
            type: 'checkbox',
            'default': true
        },
        showAvatars: {
            label: 'Show Avatars',
            type: 'checkbox',
            'default': true
        },
        avatarSize: {
            label: 'Avatar Size',
            type: 'text',
            'default': '48'
        }
    },
    {
        open: function() {
            GM_config.addBorder(); // add a fancy border
            GM_config.resizeFrame('200px','300px'); // resize the config window
        }
    },
    {
        save: function () { location.reload(); } // reload the page when configuration was changed
    }
    );
////////////////////////////////////////////////////////////////////////////////
function showConfigCCCP() {
    GM_config.open();
}
////////////////////////////////////////////////////////////////////////////////
function autoLogin() {
    document.getElementById("choice_7_3_1").checked = true;
    var pw = document.getElementById("input_7_2");
    pw.value = 'foo';
    document.getElementById("gform_submit_button_7").click();
}
////////////////////////////////////////////////////////////////////////////////
//    If we are logged in, perform additional steps related to commenting
function main() {
    if ( document.getElementById("menu-item-543649") ) {
        mainFormating();
        mainCommenting();
     } else {
        mainFormating();
    }
}
////////////////////////////////////////////////////////////////////////////////
function mainFormating() {
    console.log('mainFormating()');
    cleanVerticalSapce();
    nicerCommentNavigation();
    cccpNavBar();
    showAvatars();
}
////////////////////////////////////////////////////////////////////////////////
//    Clean out wasted vertical space
function cleanVerticalSapce() {
    if (GM_config.get('cleanVertSpace') !== true) {return;}
    document.getElementsByClassName("article-body__share")[0].style.display = 'none';
    document.getElementsByClassName("author ")[0].style.display = 'none';
    document.getElementsByClassName("author ")[1].style.display = 'none';
    document.getElementsByClassName("article-body__actions")[0].style.display = 'none';
    document.getElementsByClassName("block_outlined-desktop")[0].style.display = 'none';
    document.getElementsByClassName("block_outlined-desktop")[1].style.display = 'none';
    document.getElementsByClassName("footer")[0].style.display = 'none';
}
////////////////////////////////////////////////////////////////////////////////
//    Nicer Comment Navigation
function nicerCommentNavigation() {
    var nc = document.getElementsByClassName("info_linear-mobile")[0].getElementsByTagName("a")[1].innerHTML.replace(/ .*/,'');
    var pg = Math.ceil( parseInt(nc) / 50 );
    var href = window.location.href.replace(/\/comment-page-[0-9]+/,'').replace(/\/#comments/,'');

    var nav = ["above","below"];
    for (var i = 0; i < nav.length; i++) {
        var nl = document.getElementById("comment-nav-" + nav[i]).getElementsByClassName("nav-links")[0];
        nl.innerHTML = '';
        for (var j = 1; j <= pg; j++) {
         var div = document.createElement('div');
         var a = document.createElement('a');
         div.setAttribute("class","nav-next");
         div.appendChild(a);
         a.href = href + '/comment-page-' + j + '/#comments';
         a.innerHTML = j;
         nl.appendChild(div);
        }
    }
}
////////////////////////////////////////////////////////////////////////////////
function mainCommenting() {
    var comments = document.getElementById("comments");
    if (! comments) {return;}

    // Add the Recommend CCCP Link
    var rec = document.createElement("a");
    document.getElementById("cccp_rec").appendChild(rec);
    rec.innerHTML = "Recommend CCCP";
    rec.addEventListener("click", recommendCCCP, false);

    // Add the CCCP Help Link
    var hlp = document.createElement("a");
    document.getElementById("cccp_hlp").appendChild(hlp);
    hlp.innerHTML = "CCCP Help";
    hlp.addEventListener("click", helpCCCP, false);

    var respond = document.getElementById("respond");
    if (! respond) {return;}

    // Add the Preview Button
    var fs = respond.getElementsByClassName("form-submit")[0];
    var sp = document.createElement("span");
    sp.innerHTML = ' ';
    fs.insertBefore(sp, fs.firstChild);
    var prv = document.createElement("input");
    fs.insertBefore(prv, fs.firstChild);
    prv.id    = "preview";
    prv.setAttribute("class", "submit");
    prv.setAttribute("type", "button");
    prv.value = "Preview";
    prv.addEventListener("click", previewCCCP, false);
    
    // Add the Quote Buttons
//    addQuoteButtons();

}

////////////////////////////////////////////////////////////////////////////////
//  Create a new cccp_nav <div> with space for help/settings/recommend
function cccpNavBar() {
    var comments = document.getElementById("comments");
    if (! comments) {return;}

    var cccp_nav = document.createElement('div');
    cccp_nav.id = "cccp_nav";
    comments.appendChild(cccp_nav);

    var nav = ["hlp","set","rec"];
    var alg = ["left","center","right"];

    var tbl = document.createElement('table');
    cccp_nav.appendChild(tbl);
    var row = document.createElement('tr');
    tbl.appendChild(row);

    for (var i = 0; i < nav.length; i++) {
        var td = document.createElement('td');
        td.width = '33%';
        row.appendChild(td);
        var dv = document.createElement('div');
        dv.id = 'cccp_' + nav[i];
        dv.style = "text-align: " +  alg[i] + ";";
        td.appendChild(dv);
    }
    // Add the CCCP Settings Link
    var set = document.createElement("a");
    document.getElementById("cccp_set").appendChild(set);
    set.innerHTML = "CCCP Settings";
    set.addEventListener("click", showConfigCCCP, false);
}
////////////////////////////////////////////////////////////////////////////////
function recommendCCCP() {
    var comment = document.getElementById("comment");
    comment.value += '\nTo use the Crikey Clear Comment Preview script, install in order:\n';
    comment.value += '<a href="' + ff[1] + '">Firefox</a>\n';
    comment.value += '<a href="' + gm[1] + '">Greasemonkey</a>\n';
    comment.value += '<a href="' + cc[1] + '">cccp</a>\n';
    comment.value += 'or:\n';
    comment.value += '<a href="' + gc[1] + '">Google Chrome</a>\n';
    comment.value += '<a href="' + tm[1] + '">Tampermonkey</a>\n';
    comment.value += '<a href="' + cc[1] + '">cccp</a>\n';
}
////////////////////////////////////////////////////////////////////////////////
function helpCCCP() {
    alert('No Help for you! (TODO)');
}
////////////////////////////////////////////////////////////////////////////////
function previewCCCP() {
    var comments = document.getElementById("comments");
    if (! comments ) {return;}
    var respond = document.getElementById("respond");
    if (! respond ) {return;}
    var comment = document.getElementById("comment");
    if (! comment ) {return;}

    var preview;
    preview = document.getElementById("cccp_preview");
    if (! preview ) {
        var ol = document.createElement('ol');
        ol.setAttribute("class", "comment-list");
        comments.insertBefore(ol, document.getElementById("cccp_nav"));
        var li = document.createElement('li');
        li.setAttribute("class", "comment byuser even thread-even depth-1");
        ol.appendChild(li);
        var ar = document.createElement('article');
        ar.setAttribute("class", "comment-body");
        li.appendChild(ar);
        preview = document.createElement('div');
        preview.id = "cccp_preview";
        preview.setAttribute("class", "comment-content");
        ar.appendChild(preview);
    }
    preview.innerHTML = comment.value.replace(/\n/g,'<br>');
}
////////////////////////////////////////////////////////////////////////////////
function showAvatars() {
    if (GM_config.get('showAvatars') === true) {
        var sz = parseInt(GM_config.get('avatarSize'));
        Array.filter(document.getElementsByClassName('avatar'), function (elem) {
            elem.height = sz;
            elem.width  = sz;
            elem.setAttribute("style","display: inline");
        });
    }
}
////////////////////////////////////////////////////////////////////////////////
function addQuoteButtons() {
    setupEmoticons();
    Array.filter(document.getElementsByClassName('vcard'), function (e) {
        var img = document.createElement('img');
        img.setAttribute("src", em["quotes.png"]);
        var a = document.createElement('a');
        a.appendChild(img);
        e.appendChild(a);
        var id = e.parentNode.parentNode.parentNode.id;
        a.addEventListener("click", function() {getQuote(id);} , false);
    });
}
////////////////////////////////////////////////////////////////////////////////
function getQuote(id) {
    console.log(id);
}
////////////////////////////////////////////////////////////////////////////////