Staff en línea

[javascript] Avatar en todos los widgets
Tema iniciado por y Añadir a favoritos

[javascript] Avatar en todos los widgets 
el Mar Jun 02, 2015 3:34 pm
staff
[codebox]Un solo code para todos los avatares de los widgets[/codebox]

[hidecode]
Código:


$(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>'
  };
 $(oConfig.sCSS).insertBefore('body');
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 {
          $.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);
             
                  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 {
            $.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
              };
              sessionStorage.setItem(topicUrl, JSON.stringify(oData));
            });
        }
      }
  });
});
[/hidecode]
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8545


Me gusta :

985


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [javascript] Avatar en todos los widgets 
el Mar Jul 14, 2015 10:39 am
me interesa mucho me lo quedooo...
XyriuSbLaZ
avatar

¿Que estoy pensando? :

En nada [table class=fecha_up][td]Se modifico:22/7/15 - 22:44 hrs.[/td][/table]


Banner en temas :

http://tweeting.com/wp-content/uploads/2012/04/Cute-Kitten-Facebook-Cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

84


Puntos :

104


Me gusta :

16


ingreso :

10/07/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://megauniverso.superforo.net/

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.