Mettre en Header avec les connectés + inscrits.

[kitelnewbba]

Rappel du premier message :

Bonjour à vous j'aimerais genre une barre de ce style : en haut de mon écran et qui descend en même temps que je descends l'écran, qui reste fixé en haut de l'écran et qui déroule. (un peu comme la toolbar). Avec le nombre de connectés, d'inscrits et l'heure (comme indiqué sur l'image).
Bien entendu, sans enlever le "qui est en ligne", c'est un supplément que je voudrais ^^

Serais-ce possible? Merci d'avance!

[Tech]

Bonjour,

Il faudrait la mettre dans le template overall_header pour que celle-ci s'affiche sur toutes les pages mais dans ce cas là il faut trouver une solution pour avoir tout de même le nombre de connectés actuellement.

Je vais regarder ce que je peux faire.

Cordialement.

[kitelnewbba]

Bonne chance à vous!

[manbcr]

Petit up ; pour avoir le code qui permet de mettre cette bar sur toutes les pages du forum

[kitelnewbba]

J'UP de même !

[kitelnewbba]

UP!

[kitelnewbba]

Re-UP!

[manbcr]

Apparemment personne peux nous aider ^^

[Tech]

Bonjour,

Il n'y a pas de solution efficace pour garder le nombre de membres connectés dans le header si on le veut présent sur toutes les pages.

La seule solution envisageable est de mettre ce code dans le template overall_header à la ligne 214 par exemple :

Code:

      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
          <div id="toolbarinfo"><span id=tuot>{TOTAL_USERS_ONLINE}</span>
              <span id="tot_use_onl"></span>
        <script>if(window.localStorage && localStorage.getItem("tuo")!==null) $('#tot_use_onl').html(localStorage.getItem("tuo")) </script> | <span class="FORUMCOUNTUSER"></span> utilisateurs enregistrés | <span class="NOWWITHTIME"></span></div>


et ce code dans le template index_body :

Code:

        <span id=tuots style="display:none">{TOTAL_USERS_ONLINE}</span>
        <script> window.localStorage && localStorage.setItem("tuo",+$('#tuots').text().match(/[0-9]+/g)[0]) </script>

mais le nombre de connectés ne se mettra à jour qu'après un passage sur l'index.

Cordialement.

[manbcr]

Merci Tech c'est cool je test sa de suite
Le code index body on le place où STP ? A quelle ligne ? Merci

Edit : C'est bon j'ai pu le faire mais je voudrais enlevé sa :
Il y a en tout 1 utilisateur en ligne :: 1 Enregistré, 0 Invisible et 0 Invité 1 | 9 utilisateurs enregistrés | Mer 15 Mai 2013 - 12:55

Il y a un "1" en trop après "Invité"

[Tech]

Bonjour,

Remplacez le code de votre index_body par celui-ci :

Code:

<span id="tuot" style="display:none">{TOTAL_USERS_ONLINE}</span>
<script> window.localStorage && localStorage.setItem("tuot",+$('#tuot').text().match(/[0-9]+/g)[0]);</script>

et celui de votre overall_header par celui-ci :

Code:

        <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
          <div id="toolbarinfo"><span id=tuot>{TOTAL_USERS_ONLINE}</span>
              <span id="tuot">membre(s) connecté(s)</span>
        <script>if(window.localStorage && localStorage.getItem("tuot")!==null) $('#tuot').html(localStorage.getItem("tuot"));</script> | <span class="FORUMCOUNTUSER"></span> utilisateurs enregistrés | <span class="NOWWITHTIME"></span></div>

Cordialement.

[manbcr]

Salut ! Merci Tech on met dans index box ou index body ?
Ouah merci Tech sa marche;) et je l'ai mis dans index body

[kitelnewbba]

Heu comment changer : *Il y a en tout 1 utilisateur en ligne :: 1 Enregistré, 0 Invisible et 0 Invité connecté(s)* par tout simplement *1 membre(s) connecté(s)*

[manbcr]

voilà ce que j'ai mis dans overall header à la ligne 214:

Code:

      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
                  <div id="toolbarinfo"><img src="http://i83.servimg.com/u/f83/18/20/38/73/femme-10.png" alt="" /><span id=tuot>{TOTAL_USERS_ONLINE}</span>
                      <span id="tuot">membre(s) connecté(s)</span>
                <script>if(window.localStorage && localStorage.getItem("tuot")!==null) $('#tuot').html(localStorage.getItem("tuot"));</script> | <img src="http://i83.servimg.com/u/f83/18/20/38/73/forum-10.png" alt="" /><span class="FORUMCOUNTUSER"></span> utilisateurs enregistrés | <img src="http://i83.servimg.com/u/f83/18/20/38/73/horlog10.png" alt="" /><span class="NOWWITHTIME"></span></div>

Et dans index body :

Code:

<span id="tuot" style="display:none">{TOTAL_USERS_ONLINE}</span>
        <script> window.localStorage && localStorage.setItem("tuot",+$('#tuot').text().match(/[0-9]+/g)[0]);</script>

Et du coup j'ai plus ce que tu veux enlever après pour les images c toi qui voit ce que tu veux mettre

Edit : y a un problème -_-' lorsque nous étions 2connectés la barre me mettais 1 seul membre connecté o_O je ne sais pas d'où vient le problème pourtant j'étais sur l'index è_é help please !
Ce sont ces templates que j'ai mis sur mon fofo le premier template donné par Tech pour le overall header fonctionne mieux pas celui que je viens de mettre

[Tech]

Bonjour,

Salut ! Merci Tech on met dans index box ou index body ?
Ouah merci Tech sa marche;) et je l'ai mis dans index body

En effet c'est dans l'index_body, une petite erreur de ma part

Heu comment changer : *Il y a en tout 1 utilisateur en ligne :: 1 Enregistré, 0 Invisible et 0 Invité connecté(s)* par tout simplement *1 membre(s) connecté(s)*

Mes codes ci-dessus fonctionnent

voilà ce que j'ai mis dans overall header à la ligne 214:

Code:

      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
                  <div id="toolbarinfo"><img src="http://i83.servimg.com/u/f83/18/20/38/73/femme-10.png" alt="" /><span id=tuot>{TOTAL_USERS_ONLINE}</span>
                      <span id="tuot">membre(s) connecté(s)</span>
                <script>if(window.localStorage && localStorage.getItem("tuot")!==null) $('#tuot').html(localStorage.getItem("tuot"));</script> | <img src="http://i83.servimg.com/u/f83/18/20/38/73/forum-10.png" alt="" /><span class="FORUMCOUNTUSER"></span> utilisateurs enregistrés | <img src="http://i83.servimg.com/u/f83/18/20/38/73/horlog10.png" alt="" /><span class="NOWWITHTIME"></span></div>

Et dans index body :

Code:

<span id="tuot" style="display:none">{TOTAL_USERS_ONLINE}</span>
        <script> window.localStorage && localStorage.setItem("tuot",+$('#tuot').text().match(/[0-9]+/g)[0]);</script>

Et du coup j'ai plus ce que tu veux enlever après pour les images c toi qui voit ce que tu veux mettre

Edit : y a un problème -_-' lorsque nous étions 2connectés la barre me mettais 1 seul membre connecté o_O je ne sais pas d'où vient le problème pourtant j'étais sur l'index è_é help please !
Ce sont ces templates que j'ai mis sur mon fofo le premier template donné par Tech pour le overall header fonctionne mieux pas celui que je viens de mettre

Vous avez toujours un problème ?

Cordialement.

[manbcr]

Oui tech en fait avec le nouveau code il ne détecte plus les membre connectés
J'ai enlevé :

Code:

<script>if(window.localStorage && localStorage.getItem("tuo")!==null) $('#tot_use_onl').html(localStorage.getItem("tuo")) </script>

et le chiffre après Invité "1" n'y était plus.
J'ai repris le premier code lui il est fonctionnel

[kitelnewbba]

Il y a en tout 2 utilisateurs en ligne :: 1 Enregistré, 0 Invisible et 1 Invité | 9 utilisateurs enregistrés | Ven 17 Mai 2013 - 0:33 voilà ce que j'ai sur la toolbar. Je sais que ça marche, mais j'aimerais juste à ce que le *Il y a en tout 2 utilisateurs en ligne :: 1 Enregistré, 0 Invisible et 1 Invité * soit remplacé par tout simplement : *2 connectés* ^^

Merci d'avance!

[manbcr]

Ben attendons que quelqu'un passe xD

[manbcr]

Avec ce code:

Code:

      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
                  <div id="toolbarinfo"><img src="http://i83.servimg.com/u/f83/18/20/38/73/femme-10.png" alt="" /><span id=tuot>{TOTAL_USERS_ONLINE}</span>
                      <span id="tuot">membre(s) connecté(s)</span>
                <script>if(window.localStorage && localStorage.getItem("tuot")!==null) $('#tuot').html(localStorage.getItem("tuot"));</script> | <img src="http://i83.servimg.com/u/f83/18/20/38/73/forum-10.png" alt="" /><span class="FORUMCOUNTUSER"></span> utilisateurs enregistrés | <img src="http://i83.servimg.com/u/f83/18/20/38/73/horlog10.png" alt="" /><span class="NOWWITHTIME"></span></div>

Et dans index body :

Code:

<span id="tuot" style="display:none">{TOTAL_USERS_ONLINE}</span>
        <script> window.localStorage && localStorage.setItem("tuot",+$('#tuot').text().match(/[0-9]+/g)[0]);</script>

J'ai sa écrit en haut : 1membre(s) connecté(s) | 9 utilisateurs enregistrés | Ven 17 Mai 2013 - 21:25 >> C'est ce que je voulais mais le truc avec ce code c'est qu'il ne met que 1 membre(s) connecté(s) malgré nous sommes 2 sur le fofo -_- j'ai réactualiser la page rien à faire >_< please help !

Celui là :

Spoiler:

Fonctionne très bien mais je veux retiré 1 Enregistré, 0 Invisible et 0 Invité "1" (je ne sais pas ce que ce 1 fait ici et j'ai sa lorsque je suis dans la partie où il y a les messages :
1 | 9 utilisateurs enregistrés | Ven 17 Mai 2013 - 21:45
Je pense que l'erreur vient peut-être du script...

Donc le premier code est le résultat que je souhaite mais qu'il soit fonctionnel comme le deuxième code ! Merci

[Tech]

Bonjour,

Je vous mets Ea sur le coup

Cordialement.

[manbcr]

ok merci Tech c'est sympa

[Ea]

cela :

Code:

<span id=tuot>{TOTAL_USERS_ONLINE}</span>
                      <span id="tuot">membre(s) connecté(s)</span>

devrait être cela :

Code:

<span id="tuot">nombre inconnu de</span> membre(s) connecté(s)

sinon ceci :

Code:

<script> window.localStorage && localStorage.setItem("tuot",+$('#tuot').text().match(/[0-9]+/g)[0]);</script>

donner le nombre total de membre + invités en ligne, si vous voulez le nombre de membre connecté en ligne ça devrait plutôt être :

Code:

<script> window.localStorage && localStorage.setItem("tuot",+$('#tuot').text().match(/[0-9]+/g)[1]);</script>

pour le moment il y a 1 utilisateur parcourant le forum, et j'ai bien le chiffre 1

[manbcr]

Merci Ea pour ton aide mais sa me met sa :
NaNmembre(s) connecté(s) | 9 utilisateurs enregistrés | Mar 21 Mai 2013 - 0:03 ; -_- c'est bizarre non ! je les ai tous testé mais sa me donne toujours le même résultat, on le met où se code dans index body ou overall header ? please help !

Edit : J'ai rajouté ceci :

Code:

<script> window.localStorage && localStorage.setItem("tuot",+$('#tuot').text().match(/[0-9]+/g)[1]);</script>

A la place de l'ancien qui se situait dans overall header ce qui donne :
Il y a en tout 1 utilisateur en ligne :: 1 Enregistré, 0 Invisible et 0 Invité membre(s) connecté(s) | 9 utilisateurs enregistrés | Mar 21 Mai 2013 - 0:29
C'est déjà sa, mais quand je vais sur les sujets sa me donne sa :
membre(s) connecté(s) | 9 utilisateurs enregistrés | Mar 21 Mai 2013 - 0:30
Donc je ne sais pas d'où vient le problème

[Ea]

il ne faut pas de ça :

Code:

<script> window.localStorage && localStorage.setItem("tuot",+$('#tuot').text().match(/[0-9]+/g)[1]);</script>

dans overall header, il le faut an index_body

autrement je ne vois pas comment vous avez la phrase complète dans overall_header, si vous avez bien supprimé le {TOTAL_USERS_ONLINE} qui était dans ovrall_header

[kitelnewbba]

Ayant tester vos codes, cela fonctionne à merveille, à vous deux pour votre aide! Je laisse le sujet ouvert pour manbcr si au cas ou x)

[manbcr]

Salut kitelnewbba ! Je pourrais avoir les code que tu as mis stp ! Parce que là je m'y perds -_- merci d'avance

Voici mon index body :

Code:

<script> window.localStorage && localStorage.setItem("tuot",+$('#tuot').text().match(/[0-9]+/g)[1]);</script>

Overall header :

Code:

<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
                          <div id="toolbarinfo"><img src="http://i83.servimg.com/u/f83/18/20/38/73/femme-10.png" alt="" /><span id="tuot">{TOTAL_USERS_ONLINE}</span> membre(s) connecté(s)
                             
                                    | <img src="http://i83.servimg.com/u/f83/18/20/38/73/forum-10.png" alt="" /><span class="FORUMCOUNTUSER"></span> utilisateurs enregistrés | <img src="http://i83.servimg.com/u/f83/18/20/38/73/horlog10.png" alt="" /><span class="NOWWITHTIME"></span></div>

[Ea]

dans index_body il faut également :

Code:

<span id="tuot" style="display:none">{TOTAL_USERS_ONLINE}</span>

avant le script :

Code:

<script> window.localStorage && localStorage.setItem("tuot",+$('#tuot').text().match(/[0-9]+/g)[1]);</script>

et dans overall_header il faut plutôt un truc comme ceci :

Code:

<div id="toolbarinfo">
  <img src="http://i83.servimg.com/u/f83/18/20/38/73/femme-10.png" alt="" /><span id="members_online">nombre inconnu de</span> membre(s) connecté(s) |
  <img src="http://i83.servimg.com/u/f83/18/20/38/73/forum-10.png" alt="" /><span class="FORUMCOUNTUSER"></span> utilisateurs enregistrés |
  <img src="http://i83.servimg.com/u/f83/18/20/38/73/horlog10.png" alt="" /><span class="NOWWITHTIME"></span>
</div>

<script>
  if(window.localStorage && localStorage.getItem("tuot")!==null)
    $('#members_online').text(localStorage.getItem("tuot"));
</script>

<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

que ce que vous avez

[manbcr]

Wow T'es trop fort EA !!! Là c'est beaucoup mieux, merci beaucoup à vous deux ne mettez pas vite le sujet clos svp, je repasserais pour dire si c'est vraiment ok merci

PS: Juste une question EA, pourquoi parfois sa me mets ?
NaNmembre(s) connecté(s) | 9 utilisateurs enregistrés | Mar 21 Mai 2013 - 0:03 mais après sa revient le normal 1 membre(s) connecté(s)............

[manbcr]

Ok c'est good vous pouvez cloturez le sujet merci encore à vous

[Chacha]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif

[manbcr]

Faut attendre Kitelnewbba c'est lui qui a ouvert ce sujet