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

[Niko]

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

Tutorial creato da Niko

[Niko]

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) 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

Tutorial creato da Niko

[Niko]

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

Tutorial creato da Niko