Header

Partagez | 

[FA] [HTML/JAVASCRIPT] - Mise à jour automatique des statistiques d'un forum

Message Sujet: [FA] [HTML/JAVASCRIPT] - Mise à jour automatique des statistiques d'un forum   Dim 24 Jan - 22:17

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Nevida

Etudiante
Bons Points (BP) : 114
Voir le profil de l'utilisateur
Aujourd'hui je vais vous expliquer comment on peut mettre des statistiques qui se mettront à jour automatiquement sur une fiche pub ! Pour cela, nous allons utiliser des variables cachées de Forumactif ! J'insiste donc sur le fait que ce tutoriel ne fonctionnera probablement que sur des forums de Forumactif ! Smile

Comment ça fonctionne ?


Pour commencer, il suffit de place ce script en bas de votre page html (juste avant la fermeture du body) :
Code:
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

Ces variables fonctionnement comme celle "USERNAME", variable que tout le monde connaît et utilise Smile

Il vous suffira ensuite d'introduire le code suivant :
Code:
<span class="NOM_VARIABLE"></span>

et de remplacer "NOM_VARIABLE" par la variable de votre choix !

Les variables utiles

Voici les variables couramment utilisées pour les statistiques de forum :
Nombre d’utilisateurs : FORUMCOUNTUSER
Dernier utilisateur enregistré : FORUMLASTUSER
Nombre record d'utilisateurs connectés au même moment : FORUMONLINEUSER
Date du record de connexions : FORUMONLINEDATE
Nombre de messages : FORUMCOUNTPOST

IMPORTANT : Vous pouvez utiliser ces variables directement sur le forum en utilisant les accolades et sans nécessité de passer par un code géré en page HTML !
Idea Vous pourrez toutes les retrouver [ici]

Des exemples ?

Exemple d'utilisation sur le forum :
Bienvenue sur School of Progress (www.school-of-progress.fr), le forum est ouvert depuis 3519 jours. Nous avons déjà 271 membres qui ont postés un total de 445774 messages. Le dernier utilisateur enregistré est  Rick !

Code:
Bienvenue sur {FORUMNAME} ({FORUMURLINK}), le forum est ouvert depuis {FORUMAGE} jours. Nous avons déjà {FORUMCOUNTUSER} membres qui ont postés un total de {FORUMCOUNTPOST} messages. Le dernier utilisateur enregistré est {FORUMLASTUSER} !

Exemple d'utilisation sur la page html :

Code:
Bienvenue sur <span class="FORUMNAME"></span> (<span class="FORUMURLINK"></span>), le forum est ouvert depuis <span class="FORUMAGE"></sapn> jours. Nous avons déjà <span class="FORUMCOUNTUSER"></span> membres qui ont postés un total de <span class="FORUMCOUNTPOST"></span> messages. Le dernier utilisateur enregistré est <span class="FORUMLASTUSER"></span> !

Idea C'est top pour les fiches de partenaires par exemple :
> Fiche de partenariat de SoP
> Le code (hors CSS) :
Code:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Fiche de correspondance - School Of Progress</title>

</head>

<body style="background: transparent !important;margin: auto;width: 600px;padding-top: 20px;">


<div class="wrapper-box-msg autres">
    <div class="type-msg">Printemps 2016</div>

    <div class="titre"><span>School Of Progress</span></div>

        <div class="sous-titre">Où la perfection est à la portée de tous</div>

    <div class="box-msg" style="padding-top: 120px;">
        <p>A ce jour, tu pensais que l'école ce n'était pas fait pour toi ? Détrompes toi et viens un peu voir ce qui se cache derrière nos portes.</p>

        <div class="titre1">L'école qu'il te faut</div>
        <p><em>School Of Progress</em> est une école unique au monde. Elle rassemble des étudiants de tous coins, de tous âges, de toutes cultures, passionnés par une multitude de choses, et surtout, qui mettent toutes leurs connaissances en commun pour s'entraider les uns les autres.</p>
        <p>Son équipe encadrante toujours au top niveau est présente quotidiennement pour t'aider à réaliser toutes tes idées farfelues, mais également pour te former dans les domaines que tu ne maîtrises pas. Administration, modération, codage, graphisme, analyses et rpg... tout cela n'a plus de secrets pour nous, et bientôt pour toi aussi !</p>
        <p>Nos professeurs se sont donnés du mal pour remplir une vaste bibliothèque de centaines de livres, tous destinés à te faire progresser en codage, gestion de forum, graphisme, jeux de rôle... Dans le fond, des tables de travail confortables t'attendent pour que tu puisses développer tes projets en toute tranquillité, encadré si tu en ressens le besoin par nos professeurs.</p>
        <p>Bien entendu, qui dit école dit récréation. Et pour cela, une vaste cours joyeusement décorée est prête à t'accueillir pour te détendre entre deux cours. Jeux, concours, débats... une équipe de pitres aux idées déjantées se consacre jour et nuit à ton bien être, et invente sans arrêt de nouveaux moyens pour t'amuser.</p>
        <p>Alors convaincu ? Ici pas de vilains professeurs, tu pourras apprendre tranquillement, trouver de l'aide auprès des autres élèves et du personnel de l'école, mais aussi apporter ton aide, donner tes avis, et t'amuser tout au long de la journée !</p>

        <div class="titre1">Les stats'</div>
        <p>A ce jour, c'est <strong><span class="FORUMCOUNTUSER"></span> étudiants</strong> que nous comptons dans notre internat et pas moins de <strong class="FORUMCOUNTPOST"></strong> copies corrigées.</p>
        <p>Après 8 ans d'existence, notre école n'est pas prête de fermer ses portes et nous l'agrandissons sans cesse pour accueillir toujours plus de membres.</p>

        <div class="titre1">En conclusion</div>
        <p>Si tu as besoin d'un lieu pour progresser, pour recevoir des conseils ou tout simplement pour passer du bon temps, n'hésite pas à faire un tour dans notre école. Mais prend garde ! Une fois les portes passées, les Pitres feront tout pour te garder.</p>

        <p style="font-size: 14px;text-align:center;">Rejoins-nous vite sur <a href="http://www.school-of-progress.fr" class="MutColor05">School Of Progress</a></p>
        
        <p style="text-align:center;"><a href="http://www.school-of-progress.fr" target="_blank"><img src="http://site.school-of-progress.fr/spring2016-v1/img/mini-bann.png" alt="Mini-bannière de School Of Pub, forum d'entraide pour forums" title="School Of Pub, forum d'entraide pour forums... Formations, tutoriels, exercices, animations.. Tout pour vous faire progresser en vous amusant !" /></a></p>
    </div>
</div>

<script src="http://www.school-of-progress.fr/47736.js"></script>

</body>
</html>

Voilà, j'espère que ce tutoriel vous servira pour votre forum !

Tutoriel by Nevida - Tous Droits Réservés.




Tu rencontres un souci avec ce tutoriel ? Viens poser ta ou tes questions [ici]

Idea N'oublie pas de lire et de suivre les règles de la section




Je soussignée, Nevida,  accepte qu'un directeur reposte le tutoriel " [HTML/JAVASCRIPT] - Mise à jour automatique des statistiques d'un forum" tel que je l'ai rédigé.
Revenir en haut Aller en bas
[FA] [HTML/JAVASCRIPT] - Mise à jour automatique des statistiques d'un forum
Page 1 sur 1
 Sujets similaires
-
» Mise à jour automatique de widgets
» Problème code javascript depuis la mise a jour
» antivir périmé, mise à jour KO
» Bug suite à la mise à jour 10.0.45.2 du player flash résolu
» mise à jour eanim fx [résolu]
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+

Qui est en ligne ?

SoP en quelques chiffres

Nos étudiants ont posté un total de @messages@ messages.

Nous avons @membres_enregistres@ étudiants inscrits dans l’école.

Le dernier dossier validé est celui de @dernier_membre@.

@@membres_anniversaire_aujourdhui?@membres_anniversaire_aujourdhui=Il/Elle fête son anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$&@$Ils fêtent leur anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$, @@$Aucun membre ne fête son anniversaire aujourd'hui. @@

Ils étaient là hier

@derniers_membres_connectes$, @

Liste de présence

@membres_connectes$, @

La DirectionLes AssistantsLes SurveillantsLes ArtistesLes InspecteursLes PitresLes IntervenantsLes Doyens