Acesso rápido para o perfil do usuário
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Acesso rápido para o perfil do usuário
Detalhes da questão
Endereço do fórum: https://pernaesquerda.forumeiros.com/
Versão do fórum: ModernBB
Descrição
vi esse tópico e modifiquei um pouco, mas gostaria de colocar no "Perfil" o link do perfil do próprio usuário, mas não sei como colocar o código do user id para cada usuário ):
- Código:
(function ($, styles) {
'use strict';
var $submenu = {
toggle: function ($parent) {
if (this.template.css('display') === 'none') {
this.template
.show()
.css({
position: 'absolute',
left: $parent.offset().left,
top: $parent.offset().top
})
;
return;
}
this.template
.removeAttr('style')
.hide()
;
},
linklist: [
{
name: 'Perfil',
icon: 'ion-clipboard',
link: 'não sei o codigo',
},
{
name: 'Preferências',
icon: 'ion-gear-a',
link: '/profile?mode=editprofile&page_profil=preferences',
},
{
name: 'Avatar',
icon: 'ion-person',
link: '/profile?mode=editprofile&page_profil=avatars',
},
{
name: 'Assinatura',
icon: 'ion-android-more-horizontal',
link: '/profile?mode=editprofile&page_profil=signature',
}
],
template: $('<nav>', {
'class': 'fa-submenu-profile',
'style': 'display: none;'
}),
init: function () {
var self = this;
$.each(self.linklist, function () {
$('<a>', {
'href': this.link,
'html': [
$('<i>', { 'class': this.icon }).prop('outerHTML'),
$('<span>', { 'text': this.name }).prop('outerHTML')
].join('\n')
}).appendTo(self.template);
});
}
};
$(function () {
$submenu.init();
$('a[href="/profile?mode=editprofile"]')
.parents('li')
.on('click', function (event) {
event.preventDefault();
$submenu.toggle($(this));
})
;
// Criar os elementos:
$('body').append($submenu.template);
$('head').append(['<style>', styles, '</style>'].join('\n'));
});
}(jQuery, [
'.fa-submenu-profile {',
' min-width: 190px;',
' background-color: #fff;',
' padding: 5px 0;',
' display: block;',
' border-radius: 2px;',
' margin-top: 60px;',
' margin-left: 12px;',
' z-index: 999;',
'}',
'',
'.fa-submenu-profile::before {',
' content: "";',
' border: solid 6px transparent;',
' border-bottom-color: white;',
' position: absolute;',
' top: -12px;',
' left: 8px;',
'}',
'',
'.fa-submenu-profile > a {',
' display: block;',
' padding: 5px 10px;',
' font-size: 14.5px;',
'}',
'',
'.fa-submenu-profile > a,',
'.fa-submenu-profile > a * {',
' transition: all 120ms linear;',
'}',
'',
'.fa-submenu-profile > a:hover {',
' background-color: #455280;',
' color: #fff;',
'}',
].join('\n')));
Desde já agradeço pela atenção
Re: Acesso rápido para o perfil do usuário
Olá @Nikkon,
Altere o seu código para:
Atenciosamente,
pedxz.
Altere o seu código para:
- Código:
(function ($, styles) {
'use strict';
var $submenu = {
toggle: function ($parent) {
if (this.template.css('display') === 'none') {
this.template
.show()
.css({
position: 'absolute',
left: $parent.offset().left,
top: $parent.offset().top
})
;
return;
}
this.template
.removeAttr('style')
.hide()
;
},
linklist: [
{
name: 'Perfil',
icon: 'ion-clipboard',
link: 'myprofile',
},
{
name: 'Preferências',
icon: 'ion-gear-a',
link: '/profile?mode=editprofile&page_profil=preferences',
},
{
name: 'Avatar',
icon: 'ion-person',
link: '/profile?mode=editprofile&page_profil=avatars',
},
{
name: 'Assinatura',
icon: 'ion-android-more-horizontal',
link: '/profile?mode=editprofile&page_profil=signature',
}
],
template: $('<nav>', {
'class': 'fa-submenu-profile',
'style': 'display: none;'
}),
init: function () {
var self = this;
$.each(self.linklist, function () {
$('<a>', {
'href': (this.link == 'myprofile' ? '/u' + _userdata.user_id : this.link),
'html': [
$('<i>', { 'class': this.icon }).prop('outerHTML'),
$('<span>', { 'text': this.name }).prop('outerHTML')
].join('\n')
}).appendTo(self.template);
});
}
};
$(function () {
$submenu.init();
$('a[href="/profile?mode=editprofile"]')
.parents('li')
.on('click', function (event) {
event.preventDefault();
$submenu.toggle($(this));
})
;
// Criar os elementos:
$('body').append($submenu.template);
$('head').append(['<style>', styles, '</style>'].join('\n'));
});
}(jQuery, [
'.fa-submenu-profile {',
' min-width: 190px;',
' background-color: #fff;',
' padding: 5px 0;',
' display: block;',
' border-radius: 2px;',
' margin-top: 60px;',
' margin-left: 12px;',
' z-index: 999;',
'}',
'',
'.fa-submenu-profile::before {',
' content: "";',
' border: solid 6px transparent;',
' border-bottom-color: white;',
' position: absolute;',
' top: -12px;',
' left: 8px;',
'}',
'',
'.fa-submenu-profile > a {',
' display: block;',
' padding: 5px 10px;',
' font-size: 14.5px;',
'}',
'',
'.fa-submenu-profile > a,',
'.fa-submenu-profile > a * {',
' transition: all 120ms linear;',
'}',
'',
'.fa-submenu-profile > a:hover {',
' background-color: #455280;',
' color: #fff;',
'}',
].join('\n')));
Atenciosamente,
pedxz.
Última edição por pedxz em 27.11.20 1:07, editado 1 vez(es)
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Re: Acesso rápido para o perfil do usuário
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Tópicos semelhantes
» Painel de usuário e acesso rápido em dropdown
» Acesso rápido
» Acesso rápido
» Acesso rápido
» Acesso rapido
» Acesso rápido
» Acesso rápido
» Acesso rápido
» Acesso rapido
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos