Visualizza il PopUp profilo in altre parti del forum (Mi piace|Footer|Chatbox)


Tutorial Visualizza il PopUp profilo in altre parti del forum (Mi piace|Footer|Chatbox)

Messaggio Da Niko Mer 10 Feb 2021 - 18:53

Visualizza il PopUp profilo anche nella lista dei mi piace/non mi piace


Introduzione

Questo tutorial permette ti abilitare il popup che compare normalmente passando sui tag utente (esempio: @Niko) anche nella lista degli utenti a cui è piaciuto/non piaciuto un post :bene:

mi piace - Visualizza il PopUp profilo in altre parti del forum (Mi piace|Footer|Chatbox) 2021-075

mi piace - Visualizza il PopUp profilo in altre parti del forum (Mi piace|Footer|Chatbox) 2021-076

Codice Javascript

Andiamo verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice Javascript, assicuriamoci che la gestione sia attiva e creiamo un nuovo codice Javascript con le seguenti impostazioni:
  • Titolo: a tua scelta
  • Dove: negli argomenti (o in tutte le pagine)
  • Codice:
    Codice:
    $(document).ready(function(){
    $('.fa_like_list a,.fa_dislike_list a').each(function(index, value) {
      $(this).addClass('mentiontag');
        var href = $(this).attr('href');
        href = href.replace("/u", "");
        $(this).attr('data-id',href);
    });

    var usersinfo={};$('.mentiontag').tooltipster({animation:'fade',interactive:true,contentAsHTML:true,minWidth:300,maxWidth:300,delay:500,arrowColor:"#EEE",autoClose:true,content:'Loading...',functionBefore:function(origin,continueTooltip){continueTooltip();var userid=$(this).data('id');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:$(this).data('id')},success:function(html){usersinfo[userid]=html;origin.tooltipster('content',html).data('ajax','cached')}})}}}})
    });


E il gioco è fatto :good:




Ultima modifica di Niko il Mer 17 Feb 2021 - 23:39 - modificato 1 volta.
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9007
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/

A pedxz piace questo messaggio.

Niko è stato ringraziato dall'autore di questo topic.

Tutorial Visualizza il PopUp profilo nel footer dell'indice (Utenti connessi, Compleanni futuri, etc...)

Messaggio Da Niko Mer 10 Feb 2021 - 19:33

Visualizza il PopUp profilo nel footer dell'indice (Utenti connessi, Compleanni futuri, etc...)


Introduzione

Questo tutorial permette ti abilitare il popup che compare normalmente passando sui tag utente (esempio: @Niko) anche nella parte del footer sull'indice del forum dove possiamo trovare gli ultimi utenti connessi e i compleanni nei prossimi X giorni (se attivato)

mi piace - Visualizza il PopUp profilo in altre parti del forum (Mi piace|Footer|Chatbox) 2021-077

Codice Javascript

Andiamo verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice Javascript, assicuriamoci che la gestione sia attiva e creiamo un nuovo codice Javascript con le seguenti impostazioni:
  • Titolo: a tua scelta
  • Dove: negli argomenti (o in tutte le pagine)
  • Codice:
    Codice:
    $(document).ready(function(){
    $('#fa_online_users > a').each(function(index, value) {
      $(this).addClass('mentiontag');
        var href = $(this).attr('href');
        href = href.replace("/u", "");
        $(this).attr('data-id',href);
    });

    var usersinfo={};$('.mentiontag').tooltipster({animation:'fade',interactive:true,contentAsHTML:true,minWidth:300,maxWidth:300,delay:500,arrowColor:"#EEE",autoClose:true,content:'Loading...',functionBefore:function(origin,continueTooltip){continueTooltip();var userid=$(this).data('id');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:$(this).data('id')},success:function(html){usersinfo[userid]=html;origin.tooltipster('content',html).data('ajax','cached')}})}}}})
    });


E il gioco è fatto :good:


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9007
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/

A pedxz piace questo messaggio.

Niko è stato ringraziato dall'autore di questo topic.

Tutorial Visualizza il PopUp profilo nella Chatbox

Messaggio Da Niko Mer 17 Feb 2021 - 23:37

Visualizza il PopUp profilo nella Chatbox


Introduzione

Questo tutorial permette ti abilitare il popup che compare normalmente passando sui tag utente (esempio: @Niko) anche nell'elenco utenti online e Assenti della chatbox Forumattivo

La chatbox deve essere attivata

mi piace - Visualizza il PopUp profilo in altre parti del forum (Mi piace|Footer|Chatbox) 2021-078

Codice Javascript

Andiamo verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice Javascript, assicuriamoci che la gestione sia attiva e creiamo un nuovo codice Javascript con le seguenti impostazioni:
  • Titolo: a tua scelta
  • Dove: nella chatbox
  • Codice:
    Codice:
    $(function() {
        $.getScript("https://illiweb.com/rs3/12/frm/mentions/tooltipster.js");
        $('head').append('<script src="https://illiweb.com/rs3/12/frm/mentions/tooltipster.js"></script><link rel="stylesheet" type="text/css" href="https://illiweb.com/rs3/12/frm/mentions/tooltipster.css" />');

        function chatTooltip() {

            $('.away-users  li span span.chatbox-username, .online-users li span span.chatbox-username').each(function(index, value) {
                $(this).addClass('mentiontag');
                var userId = $(this).attr('data-user');
                $(this).attr('style', 'cursor: pointer;');
                userId = userId.replace("/u", "");
                $(this).attr('data-id', userId);
            });

            var usersinfo = {};
            $('.mentiontag').tooltipster({
                animation: 'fade',
                interactive: true,
                contentAsHTML: true,
                minWidth: 300,
                maxWidth: 300,
                delay: 500,
                arrowColor: "#EEE",
                autoClose: true,
                content: 'Caricamento...',
                functionBefore: function(origin, continueTooltip) {
                    continueTooltip();
                    var userid = $(this).data('id');
                    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: $(this).data('id')
                                },
                                success: function(html) {
                                    usersinfo[userid] = html;
                                    origin.tooltipster('content', html).data('ajax', 'cached')
                                }
                            })
                        }
                    }
                }
            })
        };

        setTimeout(chatTooltip,1000);

        var intervalId = window.setInterval(function() {
            chatTooltip();
        }, 10000);
    });


E il gioco è fatto :good:


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9007
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/

A pedxz piace questo messaggio.

Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.