Internet Forum / Hilfen für Einsteiger in HPM Foren

Online-Zeitzähler für Forumbesucher

#1 von wolf.andres , 05.08.2007 18:32


Online-Zeitzähler für Forumbesucher

Hallo.
Mit dem folgenden Javascript können Sie dem Besucher Ihres Forums mitteilen, wie lange er "Online" war. Die Zeit wird für den gesamten Aufenthalt im Forum gezählt.

Einbauanleitung für das Forum:
1. "Java Script" ins "Template" eintragen:

  • Obere Leiste öffnen unter "Admin > Template > edit > Obere Leiste":

  • Eintragungen sicherheitshalber in einer Textdatei abspeichern (z.B. "Obere Leiste.txt")

  • Eintragungen in "Obere Leiste" zwischen <head> + </head> über der folgenden Zeile vornehmen:


  • --- <TITLE>{{html_title}}</TITLE> ----


    <script language="JavaScript">
    <!--
    function Zeitberechnung()
    {
    if(document.cookie)
    {
    var CookieAufrufzeit = parseInt(document.cookie);
    var AktuelleZeit = new Date();
    Differenz = parseInt((AktuelleZeit.getTime() - CookieAufrufzeit) / 1000);
    document.Onlinezeit.OnlinezeitWert.value = Differenz;
    document.cookie = CookieAufrufzeit + 1;
    setTimeout("Zeitberechnung()", 1000);
    }
    else
    {
    var Aufrufzeit = new Date();
    Aufrufzeit = parseInt(Aufrufzeit.getTime());
    var AktuelleZeit = new Date();
    document.cookie = Aufrufzeit + 1;
    Differenz = parseInt((AktuelleZeit.getTime() - Aufrufzeit) / 1000);
    document.Onlinezeit.OnlinezeitWert.value = Differenz;
    setTimeout("Zeitberechnung()", 1000);
    }
    }
    //-->
    </script>


    2. Body-Befehl in "Obere Leiste" erweitern (rote Markierung):

    <BODY marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" 

    onLoad="Zeitberechnung();">

    3. Zähleranzeige in die Online-Leiste (BOo°m's Layout) einbauen:
  • "Forum Übersicht" öffnen unter "Admin > Template > edit > Forum Übersicht":

  • Eintragungen sicherheitshalber in einer Textdatei abspeichern (z.B. "Forum Übersicht.txt")

  • Online-Leiste (letzte Zeilen in "Forum Übersicht") wie folgt abändern:


  • Wenn die Online-Leiste noch nicht vorhanden ist, die folgenden Zeilen komplett am Ende der "Forum Übersicht" eingeben.
    Hat das Forum die Spalte "Moderator" muß der "colspan-Eintrag" von "2" auf "3" abgeändert werden!



    <tr>
    <td colspan="2" class="iau1"><b>User online:</b></td>
    <form name="Onlinezeit">
    <td colspan="3" class="iau1" align="right"><b>Sie sind seit <input class="iau1"
    name="OnlinezeitWert" size="4" type="text"> Sekunden auf dieser Webseite</b></td>
    </form>
    </tr>

    <tr>
    <td colspan="{{colspan}}" class="ifo2">{{useronline.startlist}}{{komma}}
    <a href="{{useronline:link}}">{{useronline:invisible==true.start}}<i>{{useronline:name}}</i>{{useronline:invisible==true.else}}
    {{useronline:name}}{{useronline:invisible==true.end}}</a>{{komma.start}}, {{komma.end}}
    {{useronline.end}} &nbsp<font color="#666666"><u>{{guests_online}} {{guests_online==1.gast.gaeste}}</u></font></td></tr>

    <tr>
    <td colspan="{{colspan}}" class="iau1" height="26px"></td></tr>
    </table>

    4. Falls noch nicht geschehen class="iau1" + class="ifo2" überprüfen, bzw. definieren:

  • "CSS-Datei" öffnen unter "Admin > Farben & Schriften > Inhalt der CSS-Datei":

  • Eintragungen sicherheitshalber in einer Textdatei abspeichern (z.B. "CSS-Datei.txt")

  • Folgende Eintragungen vornehmen oder dem Forum anpassen (hier blaues Design):



  • .iau1 {
    /* Forum Übersicht -> Aktive User zeile 2 mit Liste der aktiven User */
    background-image:url(http://www.bilder-hochladen.net/files/78q-157.png);
    background-color: #151457;
    color: #FCC803;
    }

    .iau1 A:link {
    color: #FCC803;
    text-decoration: none;
    }

    .iau1 A:Hover {
    color: #FF6A38;
    }

    .ifo2 {
    /* Forum Übersicht -> Forum style 2 - Foren-Link-Felder */
    background-image:url(http://www.bilder-hochladen.net/files/78q-16m.png);
    background-color: #D0D0D0;
    color: #000000;
    font-size: 8pt;
    font-weight: bold;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #78789B;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #78789B;
    border-right-width: 4px;
    border-right-style: solid;
    border-right-color: #f5f5f5;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #f5f5f5;
    text-align: left;
    vertical-align: middle;
    }

    .ifo2 A:link {
    color: #0E06A9;
    }

    .ifo2 A:hover {
    color: #2399FF;
    }

    .ifo2 A {
    /* Forum Übersicht -> Forum style 2 - Link */
    color: #6F6D98;
    }

    Speichern nicht vergessen!


    Mehr Infos und nachzulesen unter:

    Onlinezähler für Forumbesucher

    Tricks&Tipps mit JavaScript


    Bis dann
    wolf.andres




    Forum
    Homepage

    Angefügte Bilder:
    Online.jpg  
     
    wolf.andres
    Beiträge: 99
    Registriert am: 04.02.2007

    zuletzt bearbeitet 28.08.2007 | Top

    RE: Online-Zeitzähler für Forumbesucher

    #2 von Lady of the light , 20.04.2008 18:09

    Jetzt habe ich damit mein Forum unnötig in Länge/Breite gezerrt! Was muss ich anpassen?
    http://39410.dynamicboard.de

    Lady of the light  
    Lady of the light
    Beiträge: 5
    Registriert am: 21.03.2008

    zuletzt bearbeitet 20.04.2008 | Top

    RE: Online-Zeitzähler für Forumbesucher

    #3 von BOo°m , 20.04.2008 20:00

    Im Beitrag oben steht extra (fett gedruckt) dass die Änderungen für meine Layouts zu machen sind.
    Da du keines meiner Layouts benutzt kannst du die Änderungen in der CSS nicht so ohne weiteres übernehmen...


     
    BOo°m
    Administrator
    Beiträge: 1.991
    Registriert am: 27.11.2005


    RE: Online-Zeitzähler für Forumbesucher

    #4 von Lady of the light , 21.04.2008 17:47

    Naja, meinen Usern gefällt die neue, meiner Meinung nach zerschossene Version *G*. Also kann es ja so bleiben *g*

    Lady of the light  
    Lady of the light
    Beiträge: 5
    Registriert am: 21.03.2008


    RE: Online-Zeitzähler für Forumbesucher

    #5 von BOo°m , 22.04.2008 09:57

    also ich habe mir das ja auch angeschaut und muss ehrlich sagen dass es mir persönlich nicht so gut gefällt, weils so gar nicht zum Rest passt.
    Vielleicht ist WolfAndres ja nochmal so nett und präsentiert eine Version des Zählers die keine 3D Balken aus meinen Templates benutzt.

    Du selbst könntest aber auch einfach versuchen in den von ihm oben genannten Klassen jeweils die Zeile "Background-image: (Bilderlink);" zu entfernen da du diese nicht benötigst wenn du kein 3D Template von mir hast.



     
    BOo°m
    Administrator
    Beiträge: 1.991
    Registriert am: 27.11.2005


    RE: Online-Zeitzähler für Forumbesucher

    #6 von Lady of the light , 23.04.2008 19:41

    Es sieht jetzt ein wenig besser aus, aber ich glaube, ich muss noch irgendwas wegmachen. Das sieht jetzt so aus:


    /* eigener CSS Code von Admin - Layout - HTML, CSS & Co */
    .iau1 {

    /* Forum Übersicht -> Aktive User zeile 2 mit Liste der aktiven User */


    color: #FCC803;
    }



    .iau1 A:link {


    text-decoration: none;

    }



    .iau1 A:Hover {

    color: #FF6A38;

    }

    .ifo2 {

    /* Forum Übersicht -> Forum style 2 - Foren-Link-Felder */

    color: #000000;

    font-size: 8pt;

    font-weight: bold;

    border-top-width: 4px;

    border-top-style: solid;

    border-top-color: #78789B;

    border-left-width: 4px;

    border-left-style: solid;

    border-left-color: #78789B;

    border-right-width: 4px;

    border-right-style: solid;

    border-right-color: #f5f5f5;

    border-bottom-width: 4px;

    border-bottom-style: solid;

    border-bottom-color: #f5f5f5;

    text-align: left;

    vertical-align: middle;
    }



    .ifo2 A:link {

    color: #0E06A9;

    }



    .ifo2 A:hover {

    color: #2399FF;

    }



    .ifo2 A {

    /* Forum Übersicht -> Forum style 2 - Link */

    color: #6F6D98;

    }

    Lady of the light  
    Lady of the light
    Beiträge: 5
    Registriert am: 21.03.2008


       

    Smilie Fenster
    Avatar-Auswahl im Benutzer-Profil jetzt mög





    Powered by Forum Hosting  
    Xobor Forum Software von Xobor
    Einfach ein eigenes Forum erstellen