Internet Forum / Hilfen für Einsteiger in HPM Foren

Erweiterungen - Entwicklungen

Online-Zeitzähler für Forumbesucher

 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

    Themen Überblick

    Betreff Absender Datum
    Online-Zeitzähler für Forumbesucher wolf.andres 05.08.2007
    RE: Online-Zeitzähler für Forumbesucher Lady of the light 20.04.2008
    RE: Online-Zeitzähler für Forumbesucher BOo°m 20.04.2008
    RE: Online-Zeitzähler für Forumbesucher Lady of the light 21.04.2008
    RE: Online-Zeitzähler für Forumbesucher BOo°m 22.04.2008
    RE: Online-Zeitzähler für Forumbesucher Lady of the light 23.04.2008
     





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