Rendre l'avatar de la toolbar cliquable

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Rendre l'avatar de la toolbar cliquable

Message par Mat Dim 3 Sep 2017 - 13:19

Bonjour  Clin d'oeil
J'ai appliqué ce tuto sur mon forum :
https://forum.forumactif.com/t355862-afficher-l-avatar-du-membre-dans-la-toolbar

Mais je voudrais savoir s'il serait possible de rendre l'avatar cliquable pour qu'il ouvre aussi le menu Visage souriant

Le code CSS pour l'instant :
Code:
.fa_avatar {  width: 25px;  height: 25px;  position: relative;  top: -3px;  margin-right: 5px;  border-radius: 3px;  margin-bottom: -10px;}

Et le code javascript :
Code:
$(function () {    $(window).load(function () {        var av = $('#fa_usermenu img:eq(0)').attr('src');        $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');    });});

Merci d'avance  Visage souriant
Mat

Mat
Membre habitué

Masculin
Messages : 1562
Inscrit(e) le : 05/09/2015

http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre l'avatar de la toolbar cliquable

Message par Invité Dim 3 Sep 2017 - 18:46

Hello Mat,

il suffit de changer le script ainsi:
Code:
$(function () {
$(window).load(function () {   
var av = $('#fa_usermenu img:eq(0)').attr('src');
$('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');
$('img.fa_avatar').click(function(){
$('#fa_right').toggleClass('welcome'); 
});
 
});
});

Wink

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre l'avatar de la toolbar cliquable

Message par Mat Dim 3 Sep 2017 - 18:59

Encore merci Milouze14 Visage souriant
C'est ce que je voulais Clin d'oeil
Encore merci Visage amusé
Mat

Mat
Membre habitué

Masculin
Messages : 1562
Inscrit(e) le : 05/09/2015

http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum