gd why I posted this

Code:

$(function() {
    var avatar_location = 1,
        // 1: before avatar
        // 0: after
        cacheTime = 30, // time in minutes to store avatars

        storage = window.localStorage,
        users_online = $('#wio_activity a[href^="/u"]'),
        user_id, user_avatar, avatarHTML;

    if (storage) {
        users_online.each(function() {
            user_id = this.href.replace(/.*u(\d+)/, '$1');

            if (!storage['fa_avatar_' + user_id] || !(storage['fa_avatar_' + user_id + '_exp'] > new Date().getTime() - 60 * 1000 * cacheTime)) {
                $.ajax({
                    url: this.href,
                    type: 'get',
                    async: false,
                    success: function(d) {
                        user_avatar = $('#profile-advanced-right img:first-child', d).attr('src');
                    }
                });

                storage['fa_avatar_' + user_id] = user_avatar;
                storage['fa_avatar_' + user_id + '_exp'] = new Date().getTime();
            }

            avatarHTML = '<img class="wio_avatar" src="' + storage['fa_avatar_' + user_id] + '" style="opacity: 0;" />';

            avatar_location ? $(this).prepend(avatarHTML) : $(this).append(avatarHTML);
        });

        setTimeout(function() {
            users_online.find('.wio_avatar').animate({ opacity: 1 }, 500);
        }, 500);

        $('head').append('<style type="text/css">.wio_avatar{height:20px;width:20px;margin-right:5px!important;vertical-align:middle;border-radius:100px;background:#FFF;box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3), 0px -0px 1px rgba(0, 0, 0, 0.3);margin:1px 3px;padding:1px}</style>');
    } else {
        console ? console.error('localStorage is not supported') : alert('localStorage is not supported');
    }
});

Samantha wrote:Thanks @Ace 1. I had an old script on my phpBB3 that I was kinda 'looking into' this morning. I knew it was gonna get complicated, but I couldn't have imagined it was thát complicated. Anyway, the script is running fine on Edge now and I've credited you for your work in the 1st post

Code:

//  3. Profile Preview
$(function() {
    var links = $('a[href^="/u"]').filter(function() {
            if (this.firstChild && this.firstChild.tagName) {
                if (this.firstChild.tagName != 'IMG') {
                    return this;
                }
            } else {
                return this;
            }
        }),

        usersinfo = {};

    links.tooltipster && links.not('.mentiontag, .tooltipstered').filter(function() {
        if (!$(this).closest('#tabs')[0]) {
            return this;
        }
    }).tooltipster({
        animation: 'fade',
        interactive: true,
        contentAsHTML: true,
        minWidth: 300,
        maxWidth: 300,
        delay: 500,
        arrowColor: "#EEE",
        autoClose: true,
        content: 'Bezig met laden ...',
        functionBefore: function(origin, continueTooltip) {
            continueTooltip();

            var userid = $(this).attr('href').replace(/.*?\/u(\d+).*/, '$1');
            if (origin.data('ajax') !== 'cached') {
                if (usersinfo[userid] != undefined) {
                    origin.tooltipster('content', usersinfo[userid]).data('ajax', 'cached');
                } else {
                    $.ajax({
                        type: 'GET',
                        url: "/ajax/index.php",
                        dataType: "html",

                        data: {
                            f: "m",
                            user_id: userid
                        },

                        success: function(html) {
                            usersinfo[userid] = html;
                            origin.tooltipster('content', html).data('ajax', 'cached');
                        }
                    });
                }
            }
        }
    });
});

Code:

//  3. Profile Preview
$(function() {
    var links = $('a[href^="/u"]').filter(function() {
            if (this.firstChild && this.firstChild.tagName && !this.firstChild.className) {
                if (this.firstChild.tagName != 'IMG') {
                    return this;
                }
            } else {
                return this;
            }
        }),
 
        usersinfo = {};
 
    links.tooltipster && links.not('.mentiontag, .tooltipstered').filter(function() {
        if (!$(this).closest('#tabs')[0]) {
            return this;
        }
    }).tooltipster({
        animation: 'fade',
        interactive: true,
        contentAsHTML: true,
        minWidth: 300,
        maxWidth: 300,
        delay: 500,
        arrowColor: "#EEE",
        autoClose: true,
        content: 'Bezig met laden ...',
        functionBefore: function(origin, continueTooltip) {
            continueTooltip();
 
            var userid = $(this).attr('href').replace(/.*?\/u(\d+).*/, '$1');
            if (origin.data('ajax') !== 'cached') {
                if (usersinfo[userid] != undefined) {
                    origin.tooltipster('content', usersinfo[userid]).data('ajax', 'cached');
                } else {
                    $.ajax({
                        type: 'GET',
                        url: "/ajax/index.php",
                        dataType: "html",
 
                        data: {
                            f: "m",
                            user_id: userid
                        },
 
                        success: function(html) {
                            usersinfo[userid] = html;
                            origin.tooltipster('content', html).data('ajax', 'cached');
                        }
                    });
                }
            }
        }
    });
});