Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Ayer a las 11:27 pm

[recursos] Pack Rangos
por elvinson Vie Ene 19, 2018 6:05 pm

[aviso] Bugs: cambios en el foro
por YoshiGM Jue Ene 18, 2018 8:00 pm

[Pedido] Rangos para el Staff
por YoshiGM Jue Ene 18, 2018 2:11 pm

[javascript] Añadir nuevos campos al menú de la toolbar
Tema iniciado por y Añadir a favoritos

[codebox]Con este código añadiremos nuevos campos al menú del usuario en la toolbar[/codebox]

[hidecode]
Código:
$(function(){$(function(){
  ///////////////////////
  var camposIds = ['#field_id-5', '#field_id-7', '#field_id3'];
  ///////////////////////
  var fa_usermenu_table = $('#fa_usermenu tbody');
 
  if(_userdata.session_logged_in){
    var regExp = /^\/u(\d+)$/,
        i = 0,
        j = camposIds.length;
    if(regExp.test(location.pathname) && _userdata.user_id == location.pathname.match(regExp)[1]){
      for(i; i < j; i++) {
        addField($(camposIds[i]));
        if(i == j - 1) addTopMargin();
      }
    } else {
      $.get('/u' + _userdata.user_id, function(profile){
        for(i; i < j; i++){
          addField($(profile).find(camposIds[i]));
          if(i == j - 1) addTopMargin();
        }
      });
    }
  }
 
  function addField(c){
    fa_usermenu_table.append('<tr><td class="first">' + c.find('dt').html().replace(/\s:\s/,'') + '</td><td> : </td><td class="bold">' + c.find('dd div').html() + '</td></tr>');
  }
 
  function addTopMargin(){
    var fa_right = $('#fa_right').addClass('welcome'),
        fa_usermenuH = fa_right.find('#fa_usermenu').height(),
        c = fa_right.find('#fa_menulist'),
        x, li, mT;
    if(fa_usermenuH > c.height()){
      c.before('<style type="text/css">#fa_menulist{height:' + (fa_usermenuH + 20) + 'px;}</style>');
      x = 0;
      li = c.find('li');
      for(var k = 0; k < li.length; k++) x += li.eq(k).height();
      mT = (fa_usermenuH + 20 - x) / 2;
      li.first().css('margin-top', mT + 'px');
    }
    fa_right.removeClass('welcome');
  }
 
});});
[/hidecode]

Se edita la variable campoIds por los identificadores de los campos que queramos añadir:

Spoiler:

En el caso de la captura si se quisiera añadir el campo País se usaría #field_id3.

Vista previa:

Spoiler:

Espero el código haya sido de su agrado.
Araik
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i.imgur.com/Po43oFv.png


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

21


Puntos :

39


Me gusta :

16


ingreso :

19/07/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
muchas gracias por el aporte
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 :

6522


Puntos :

8555


Me gusta :

986


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Está bueno el código
Gotilon
avatar

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

http://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

563


Puntos :

662


Me gusta :

67


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Muy buen código Araik. gracias por compartirlo
YoshiGM
avatar

¿Que estoy pensando? :

1000 mensajes en OpenSource :D [table class=fecha_up][td]Se modifico:2/01/18 - 21:40 hrs. [/td][/table]


Banner en temas :

http://i19.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1032


Puntos :

1380


Me gusta :

194


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.yoshifansclub.net

Volver arriba Ir abajo

Qué campos serán? comentando...
J.sanchez
avatar

¿Que estoy pensando? :

El principio del fin más cerca que del fin del principio. [table class=fecha_up][td]Se modifico:12/10/16 - 18:41 hrs.[/td][/table]


Banner en temas :

http://i65.tinypic.com/dhg22e.png


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

32


Puntos :

36


Me gusta :

4


ingreso :

25/04/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://Forocomercios.foroactivo.com

Volver arriba Ir abajo

 En la misma categoria


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