Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

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

  • 0

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

Message par Shadow Mar 29 Déc 2009 - 9:02

tiliser 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 :
Utiliser les variables {USER...} et {FORUM...} autre part sur le forum 14-03-10

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 permettant de récupérer les variables {USER...}, {FORUM...} ... -->
    <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 permettant de récupérer les variables {USER...}, {FORUM...} ... -->
<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 :
Utiliser les variables {USER...} et {FORUM...} autre part sur le forum 14-03-12

Shadow

Shadow
Modéractive
Modéractive

Féminin
Messages : 24353
Inscrit(e) le : 30/03/2007

Voir le profil de l'utilisateur
Shadow a été remercié(e) par l'auteur de ce sujet.

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


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