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

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

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


Cette astuce pourrait ne pas fonctionner pour
des navigateurs trop ancien et ne fonctionne
que si le javascript n'est pas désactivé


À quoi sert cette astuce ?

    Elle sert à faire fonctionner les variables qu'on voit ici sur d'autres endroits ( du forum ) où elles ne sont normalement pas accessibles.

Pour qui est-ce que ça fonctionnera ?

    Pour les navigateurs très anciens ça pourrait ne pas fonctionner. Et cela ne fonctionnera pas non plus pour les personnes ayant désactivés le javascript.


Comment faire ?

    Il suffit d'ajouter dans la page où vous souhaitez que ça fonctionne la ligne :

    Code:
    <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
    Une fois que c'est fait, vous pourrez utiliser les variables des façons qui suivent :

    • Mettre la variable comme classe 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 classe, 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 classe 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" />
      Donnera une champ de saisie de type texte dans lequel il y aura le pseudo.


    Pour conclure voici un exemple de code d'une page html utilisant environ tout ce que j'ai mis plus haut :

    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="http://tinyurl.com/var-fa"></script>
    </head>
    <body>
      <p>
          Bonjour <span class="USERNAME"></span>, tu t'es inscrit le <span style="text-decoration: underline;" class="USERREGDATE"></span> et tu as <span style="font-weight: bold;" class="USERCOUNTPOST"></span> message(s) o/.<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>



          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>.



          Voici maintenant un exemple de list :
          <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>

          Et pour bien finir, un exemple avec un champ texte qui prend comme valeur le pseudo de l'invité : <input type="text" class="USERNAME" />
      </p>
    </body>
    </html>
    Et voici ce que ça donne à l'affichage sur un forum de test : ici.


avatar

Shadow
Adminactive
Adminactive

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

https://forum.forumactif.com
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