Problème avec variables

[Mat]

Bonjour ,

Depuis le passage en version AwesomeBB je n'arrive plus à faire fonctionner ce tuto :
https://forum.forumactif.com/t260631-utiliser-les-variables-user-et-forum-autre-part-sur-le-forum

Les variables ne s'affichent plus mais je n'arrive pas à trouver d'où provient le problème.

Merci d'avance pour votre aide 

[*Splash*]

Hi Mat,
Voici un exemple de code utilisant des variables OK pour AwesomeBB :

Code:

Ah bien, te voilà {USERNAME}, c'est pas trop tôt !
Tu peux cliquer sur ton pseudo {USERLINK} pour avoir accès à ton profil.
Tu es né(e) le {USERBIRTHDAY} et tu profites bien de tes {USERAGE} ans.
Tu es ici depuis le {USERREGDATE}; à ta dernière visite {USERLASTVISIT} tu avais rédigé {USERCOUNTPOST} beau(x) message(s).

[Mat]

Merci
Mais ce code ne fonctionne que dans une template pas dans une page HTML ^^

[Mat]

Et un up

[*Splash*]

Hi Mat,
Ces variables fonctionnent si tu les places directement dans le corps d'un message

[Ea]

Bonjour,


J'ai mis:

https://forum.forumactif.com/t260631-utiliser-les-variables-user-et-forum-autre-part-sur-le-forum#2342715

à jour avec un script corrigé qui fonctionne avec awesomebb.

Sinon depuis que ce tutoriel a été fait (2009 ou avant), dans les pages html avec le haut et le bas du forum, il y a une grosse partie des variables présentes et accessibles beaucoup plus facilement.

On pourrait par exemple juste faire ceci pour afficher le nombre de message de l'utilisateur en cours:

Code:

<script>document.write(_userdata["user_posts"])</script>

La définition de cette liste de variable en javascript est par exemple comme ceci:

Code:

                _userdata["session_logged_in"] = 1;
                _userdata["username"] = "Admin";
                _userdata["user_id"] = 1;
                _userdata["user_level"] = 1;
                _userdata["user_lang"] = "fr";
                _userdata["activate_toolbar"] = 0;
                _userdata["fix_toolbar"] = 0;
                _userdata["notifications"] = 1;
                _userdata["avatar"] = "<img src="https://2img.net/i/fa/modernbb/pp-blank-thumb.png"  alt="avatar" loading="lazy" />";
                _userdata["user_posts"] = 50;
                _userdata["user_nb_privmsg"] = 0;
                _userdata["point_reputation"] = 0;

Cordialement.

[Mat]

Merci Ea
J'ai juste une dernière question, comment puis-je appliquer du CSS à l'avatar qui apparaît grâce à cette variable ? Impossible de définir une "class" à la balise :/

[Ea]

On pourrait soit avoir une balise autour avec une classe:

Code:

<span class="mapage-avatar"><script>document.write(_userdata["avatar"]);</script></span>

Et un CSS tel que:

Code:

.mapage-avatar img {
    border: 5px solid red;
}

Une autre façon serait de modifier la valeur en javascript, par exemple en utilisant jquery (qui est inclu dans les pages avec le haut et le bas du forum):

Code:

<script>
var avatar = $(_userdata["avatar"]).addClass('mapage-avatar');
$('script:last').parent().append(avatar);
</script>

Dans les exemples que j'ai donné, l'image est ajoutée dans la page où se trouve le script.

On pourrait modifier les script pour que l'avatar soit ajouter à un endroit donné à la place, par exemple l'élément avec la classe "avatar-block":

Code:

<script>$('.avatar-block').append(_userdata["avatar"]);</script>

si l'élément avec la classe avatar-block se trouve avant le script dans la page, dans le cas contraire il faut retarder l'exécution du code ce qui donnerait ceci:

Code:

<script>
$(function () {
    $('.avatar-block').append(_userdata["avatar"]);
});
</script>

[Mat]

Merci tout fonctionne parfaitement