Utiliser les variables {USER...} et {FORUM...} autre part sur le forum

par **Shadow** Mar 29 Déc 2009 - 11:02

Utiliser les variables {USER...} et {FORUM...} autre part sur le forum

	Cette astuce pourrait ne pas fonctionner pour des navigateurs trop anciens et ne fonctionne que si le Javascript n'est pas désactivé par l'utilisateur.

Fonctionnement

Elle sert à faire fonctionner les variables listées sur cette page [ici] sur d'autres endroits (du forum) où elles ne sont normalement pas accessibles. Par exemple, au sein d'une page HTML ou d'un template.

Exemple d'utilisation

Afin d'illustrer cette astuce, nous allons créer une page HTML :

Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des pages HTML

Sur cette page HTML, nous allons insérer le script suivant :

Code:: <script type="text/javascript" src="https://js01.fra.co/24922.js"></script>

Ce script permet d'appeler et afficher les variables {USER...} ou encore {FORUM...}. Une fois ce script inséré dans le page HTML, il vous suffit d'appeler les variables selon les manières suivantes :

Mettre la variable comme class d'une balise HTML sans contenu, par exemple pour :

Code:
<span class="USERNAME"></span>

Au moment où la page sera chargée, il y aura une insertion à l'intérieur de cette balise du pseudo de l'utilisateur.
Mettre plusieurs variables dans la class, par exemple pour :

Code:
<div class="FORUMNAME USERNAME"></div>

Alors la balise div sera remplie par le nom du forum directement collé au pseudo de l'utilisateur.
Mettre une variable dans la class d'une balise non vide, par exemple pour :

Code:
<span class="USERNAME">Ton pseudo est </span>

Alors le pseudo sera collé directement après le contenu.
Enfin il y a deux cas particuliers, il s'agit des balises input et textarea, pour elles, les variables ne sont collées en tant que contenu mais sont collées en tant que valeur. Par exemple :

Code:
<input type="text" class="USERNAME" />

Cela donnera un champ de saisie de type texte dans lequel il y aura le pseudo.

Test à partir d'une page HTML

Démonstration à partir d'un exemple concret

Cette astuce à l'intérêt de pouvoir personnaliser l'affiche d'une page HTML en fonction de l'utilisateur qui la consulte. Par exemple, vous pourriez rédiger un message personnalisé en fonction des variables internes à votre forum, comme illustré ci-dessous :

Voir illustration :

Les éléments encadrés en rouge, dans l'illustration ci-dessus, ont été obtenus à partir de l'astuce proposée. Lorsqu'un membre affiche cette page, les différentes variables s'adaptent à partir des informations de ce dernier. Vous pouvez le constater par vous-même en vous rendant cette la page de démonstration :

Utiliser les variables {USER...} et {FORUM...} autre part sur le forum 14-03-11

Réalisation d'un test sur votre propre forum

Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des pages HTML

Copiez et collez le code ci-dessous dans une nouvelle page HTML en mode avancé (HTML) sans activité le haut et le bas de page de votre forum :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" id="min-width" lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test variables</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" />  <script type="text/javascript" src="https://js01.fra.co/24922.js"></script> </head> <body> <p> Bonjour <span class="USERNAME"></span>, tu t'es inscrit·e le <span style="text-decoration: underline;" class="USERREGDATE"></span> et tu as <span style="font-weight: bold;" class="USERCOUNTPOST"></span> message(s) ! <br/> <br/> Attention à tes yeux parce que je vais faire apparaitre toute les variables dans une seule balise et ça va pas donner quelque chose d'extraordinaire : <span class="FORUMURL FORUMURLINK FORUMNAME FORUMNAMELINK FORUMDESC FORUMBIRTHDAY FORUMAGE FORUMCOUNTFORUM FORUMCOUNTOPIC FORUMCOUNTPOST FORUMCOUNTUSER FORUMONLINEUSER FORUMONLINEDATE FORUMLASTUSER FORUMLASTUSERLINK USERNAME USERLINK USERBIRTHDAY USERAGE USERREGDATE USERLASTVISIT USERCOUNTPOST"></span> <br/> <br/> On peut également mettre du texte dans la balise, les variables s'ajouterons à la fin, <span class="FORUMCOUNTPOST">le nombre de message est de : </span>. <br/> <br/> Voici maintenant un exemple de liste : <ul> <li class="FORUMAGE">Le forum compte ce nombre de journée : </li> <li class="FORUMCOUNTFORUM">Il y a ce nombre de forum et/ou sous-forum : </li> <li class="FORUMCOUNTOPIC">Il y a ce nombre de sujets : </li> </ul> <br/> <br/> Et pour bien finir, un exemple avec un champ texte qui prend comme valeur le pseudo du membre : <input type="text" class="USERNAME" /> <br/> Cela peut être utile pour un formulaire de contact ! </p> </body> </html>

Le script permettant de récupérer les variables a été intégré dans cette page HTML :

Code::  <script type="text/javascript" src="https://js01.fra.co/24922.js"></script>

Cliquez sur le bouton Prévisualisation et vous pourrez constater que cette astuce est opérationnelle !

Voir illustration :