IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 10 users online :: 0 Registered, 0 Hidden and 10 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

gd why I posted this

View previous topic View next topic Go down

Anonymous
Guest
Guest

PostGuest on Wed 28 Dec 2016, 16:30

blah


Last edited by Samantha on Sun 22 Jan 2017, 14:16; edited 2 times in total
Anonymous
Guest
Guest

PostGuest on Thu 29 Dec 2016, 03:30

Sorry folks! Don't use that "Display the Mini-Avatar in the Who's Online List" code yet, it's faulty as it doesn't display the avatars when viewed as a guest. I'll try and be back with a solution for this parsing issue soon.

See the difference:

Viewed as a guest:
gd why I posted this D98425cd245148de9deaf2a1c7a88441

Viewed when logged in:
gd why I posted this 3bc2bd818757486a8565eb30da3ee5fc


Anyone got hints on this? @Ange Tuteur? @Ace 1?
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 20
Posts : 2153
Points : 3700
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 on Thu 29 Dec 2016, 06:51

Title: Who Is Online Avatars
Placement: In the homepage

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');
    }
});

For this work when people are signed out, you need to go to Users & Groups > Special rights > View the profile and select Guests.


Last edited by Ace 1 on Mon 30 Jan 2017, 14:31; edited 1 time in total
Anonymous
Guest
Guest

PostGuest on Thu 29 Dec 2016, 07:06

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 Wink
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 20
Posts : 2153
Points : 3700
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 on Thu 29 Dec 2016, 07:09

Oh no problem lol. By the way the styling is already within the script. And Idk if you noticed, but the avatars fade in gd why I posted this 1f60a
Anonymous
Guest
Guest

PostGuest on Thu 29 Dec 2016, 07:14

Oh, that's very nice. I hope they can 're-style' the lot when they use my CSS though (maybe by using !important).

Anyway, please read back my previous post. It's not all done ...
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 20
Posts : 2153
Points : 3700
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 on Thu 29 Dec 2016, 07:22

Hm?

@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 Wink

This one?
Anonymous
Guest
Guest

PostGuest on Thu 29 Dec 2016, 07:35

Heh? Yeah, erm... I thought I saved the edited post. Oh well, as I was saying the profile preview tooltips don't show when hovering over them... So, the code isn't final.

I've got a few errands to run now, so I'll be checking in later again. Hello
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 20
Posts : 2153
Points : 3700
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 on Thu 29 Dec 2016, 08:01

What do you mean? Like the user information doesn't appear?
Anonymous
Guest
Guest

PostGuest on Thu 29 Dec 2016, 10:22

When I hover over the avatar or username of a new member for instance, this pops up:

gd why I posted this 34ca2e7703584d6f866d7af0d69246bf

Doesn't happen when hovering over the members in the online list ...
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 20
Posts : 2153
Points : 3700
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 on Thu 29 Dec 2016, 17:04

That has nothing to do with this script.

If you post your tooltipster script for profile previews then I should be able to help.
Anonymous
Guest
Guest

PostGuest on Thu 29 Dec 2016, 17:33

Alright. Thanks. Here it is (All Pages JS):

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');
                        }
                    });
                }
            }
        }
    });
});
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 20
Posts : 2153
Points : 3700
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 on Thu 29 Dec 2016, 20:56

Here ya go

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');
                        }
                    });
                }
            }
        }
    });
});

I knew what the problem was. It wasn't returning any links that had images as the first child of them (to filter out postprofile avatars from being tooltipstered). I fixed it though. Let me know if this works.
Anonymous
Guest
Guest

PostGuest on Fri 30 Dec 2016, 03:51

Yep, works like a charm. Perhaps you should let them know about the updated code in this https://fmdesign.forumotion.com/t404-display-a-preview-of-the-user-profile-on-hover topic as well.

Thanks! Smile
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 20
Posts : 2153
Points : 3700
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 on Fri 30 Dec 2016, 15:26

Well, I mean, the only reason it wasn't working was because the code I gave you.

So I don't think Ange should have to update the entire plugin because of one of mine lol.
Anonymous
Guest
Guest

PostGuest on Fri 30 Dec 2016, 15:42

I didn't say you needed to contact Ange and have his code updated. A mere tip for other members would have been enough, which I just sent out:

https://fmdesign.forumotion.com/t404p25-display-a-preview-of-the-user-profile-on-hover#28711
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum