Staff en línea
Últimos temas
Hola a todos
por YoshiGM Jue Abr 19, 2018 12:27 pm

Foro invision
por Chalo Mar Abr 17, 2018 8:28 am

[Ocio] Contemos hasta el 5000
por Chalo Lun Abr 16, 2018 8:33 am

[ocio] Saludos a todos
por Himnoshistoricos Sáb Abr 14, 2018 5:01 am

[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? :

de regreso [table class=fecha_up][td]Se modifico:10/04/18 - 9:50 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6629


Puntos :

8685


Me gusta :

999


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 :

564


Puntos :

665


Me gusta :

69


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

¿Cómo puedo ayudarte? :3 [table class=fecha_up][td]Se modifico:7/04/18 - 20: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 :

1101


Puntos :

1465


Me gusta :

208


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://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.