Avatar nos widgets de tópicos! |
Este código adiciona o avatar dos membros nos seguintes Widgets de tópicos: Últimos assuntos, Tópicos mais visitados, Tópicos mais ativos e Tópicos similares! |
Características e aplicação |
Criador: JScript |
Versão: 1.0 |
Versão: Todas as versões |
Resultado da aplicação |
O resultado da aplicação será:
|
Local de instalação |
A instalação é única, e pode ser feita apenas criando um novo javascript. O CSS já está embutido no código!
Acesse Painel de Controle ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão dos códigos JavaScript >> Crie um novo JavaScript com investimento somente no Índice ou em Todas as páginas caso não use códigos que ocultam os widgets:
- Código:
/**** * Application: Avatar in: Lattest Topics, Most Viewed Topics and Most Active Topics Widget! * Description: This application can displays the members avatar. * Version: 1.03172014-jq1.9.1 - Narmer (Menés, Meni) * Made and Optimizations by JScript - 2014/03/17 * View more in: http://ajuda.forumeiros.com * Copyright (c) 2014 JScript <jscriptbrasil at live dot com> * This work is free. You can redistribute it and/or modify it * under the terms of the WTFPL, Version 2 **/ jQuery(function() { var oConfig = { sInfo: '<!--' + '* Application: Avatar in: Lattest Topics, Most Viewed Topics and Most Active Topics Widget!' + '* Description: This application can displays the members avatar.' + '* Version: 1.03172014-jq1.9.1 - Narmer (Menés, Meni)' + '* Made and Optimizations by JScript - 2014/03/17' + '-->', sDefaultAvatar: 'http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png', sCSS: '<style>' + '.jsUserPhoto.widget {' + 'float: left;' + 'margin-top: 3px;' + 'margin-right: 10px;' + '}' + '.jsUserPhoto {' + 'background: none repeat scroll 0 0 #FFFFFF;' + 'border: 1px solid #D5D5D5 !important;' + 'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' + 'padding: 1px;' + '}' + '.jsUserPhoto_mini {' + 'height: 30px !important;' + 'width: 30px !important;' + '}' + '</style>' };
// Add CSS jQuery(oConfig.sCSS).insertBefore('body');
// Show member avatar in Recent Topics Widget! var oTarget = $('#right, #left').find('.forumline tr td.row1, .module .inner, .module.main .main-content, .module.borderwrap .box-content').find('a[href^="/t"]'), iLen = oTarget.length, index = 0;
oTarget.prepend('<a class="jsUserPhoto widget" href="#" title="No avatar!"><img class="jsUserPhoto_mini" src="' + oConfig.sDefaultAvatar + '" alt="" /></a>');
oTarget.each(function() { var oThis = $(this), findUser = oThis.nextAll('a[href^="/u"]').first(), container = oThis.find('.jsUserPhoto_mini'), storIMG = '', userUrl = '', topicUrl = '';
if (findUser.length) { userUrl = findUser.attr('href'); oThis.find('a.jsUserPhoto.widget').attr('href', userUrl).attr('title', findUser.text());
storIMG = sessionStorage.getItem(userUrl); // Read object from sessionStorage, more fast! if (storIMG) { container.attr('src', storIMG); } else { // if not, then only request per session!!! jQuery.get(userUrl, function(data) { storIMG = jQuery('#emptyidcc .row1.gensmall img:eq(0), #profile-advanced-right .module:first .inner img:eq(0), #profile-advanced-right .main-content img:first, #profile-advanced-right .box-content.profile.center img:first', data).attr('src'); if (storIMG !== undefined) { container.attr('src', storIMG); // Saving object in sessionStorage sessionStorage.setItem(userUrl, storIMG); } }); } } else { topicUrl = oThis.attr('href');
var oData = sessionStorage.getItem(topicUrl); // Read object from sessionStorage, more fast! if (oData) { oData = JSON.parse(oData); container.attr('src', oData.storIMG); oThis.find('a.jsUserPhoto.widget').attr('href', oData.userUrl).attr('title', oData.userName); oThis.append('<br>' + oData.userPname); } else { jQuery.get(topicUrl, function(data) { storIMG = $('.postdetails.poster-profile:first, .postprofile:first dt, .user-basic-info:first, .postprofile-details.postdetails:first dt', data).find('> a[href^="/u"] img').attr('src'); if (storIMG !== undefined) { container.attr('src', storIMG); } var oUrl = $('span.name, p.author, h4.username', data).first(), userUrl = oUrl.find('a:last').attr('href'), userName = oUrl.find('a').text(), userPname = oUrl.html(); oThis.find('a.jsUserPhoto.widget').attr('href', userUrl).attr('title', userName); oThis.append('<br>' + userPname);
var oData = { storIMG: storIMG, userUrl: userUrl, userName: userName, userPname: userPname }; // Saving object in sessionStorage sessionStorage.setItem(topicUrl, JSON.stringify(oData)); }); } } }); });
|