Ideen f�r Skripte und sonstige Quellcodes » Onlinezeitzähler

Florians Forum � Webmaster � Ideen f�r Skripte und sonstige Quellcodes � Onlinezeitzähler

Themen-Einstellungen

Bereich wechseln

#1 | Onlinezeitzähler datum

datum

06.09.2009 17:57 (zuletzt bearbeitet: 06.09.2009 17:59)

Hallo Florian,
ich habe hier ein Script für einen Onlinezeitzähler.
Es ist insoweit Klasse, dass er die gesamte Zeit für den Aufenthalt in einem Forum oder einer Homepage anzeigt.
Hier wird nicht gleich, wie in vielen Scripten, die Zeit beim erneuten Aufruf der Webseite neu gestartet.

Es funktioniert tadellos, wenn im Forum keine weiteren Skripte laufen (wie Spoilerbutton, Styleswitcher, Formatierbare Tooltipps, .....).
Ich habe versucht andere Variablen zu nehmen, aber das hilft nicht. Ich frage mich was hier stört?
Onlinetimer ohne "Cookies", die sich bei jedem Webseitenaufruf zurücksetzen funktionieren störungsfrei.
Stimmt hier etwas beim Cookie setzen nicht?
Hast Du eine Idee!

<html>
<head>
<script language="JavaScript">

</script>
<title>Online-Zeit des Besuchers ermitteln</title>
</head>
</html>
<body onLoad="Zeitberechnung();">
<form name="Onlinezeit">
Sie sind seit <input name="OnlinezeitWert" size="3" type="text"> Sekunden auf dieser Webseite.
</form>
</body>
</html>

Vielen Dank im Voraus
Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

nach oben springen

#2 | RE: Onlinezeitzähler datum

datum

09.09.2009 14:41

Hallo Wolfgang!
Das Problem wird wahrscheinlich sein, dass einfach nur ein Cookie gesetzt wird.
Dabei werden andere einfach gesetzte Cookies m�glicherweise �berschrieben.
Das Cookie m�sste einen vorgegebenen Namen erhalten, damit andere nicht �berschrieben werden.
Deshalb deaktiviere mal testweise nur Skripte, die etwas mit Cookies zu tun haben.

Ich versuche gleichzeitig, das Skript mehr valide zu bekommen.
Au�erdem st�rt mich, dass das Cookie immer alle 1s neu gesetzt wird.
Es sollte auch mit einer Startzeit gehen.
Wie lange soll das Cookie eigentlich g�ltig sein, bis es gel�scht wird?

P.S.:
Zuerst bekam ich nur NaN (Not a Number) als Ausgabe angezeigt, auf einmal ging's dann.
Ich brauche also noch etwas Zeit, vor allem, weil diese Woche eher eng wird.

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#3 | RE: Onlinezeitzähler datum

datum

09.09.2009 19:12

Hallo Florian,
danke für Deine Mühe!

Wenn ich Scripte mit Cookies lösche, funktioniert der Onlinetimer!

Die Gültigkeit braucht, denke ich, nur so lange bestehen zu bleiben, so lange ich in einem bestimmten Forum oder einer Homepage bin.

Bei mir erscheint auch immer "NaN".

Bis dann
Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

nach oben springen

#4 | RE: Onlinezeitzähler datum

datum

19.09.2009 17:35

Hallo Wolfgang,
ich denke, dass das Skript jetzt einsatzf�hig ist.

Ich wei� nun auch, warum teilweise nicht "NaN" ausgegeben wurde.
Auf meiner lokal aufgerufenen Testseite waren keine anderen Cookies gesetzt, im Gegensatz zur Online-Ansicht.
Das Skript pr�fte nur, ob ein Cookie gesetzt ist. Falls ja, wurde einfach der Inhalt ausgelesen.
Probleme gibts aber, wenn im Cookie mehr als nur eine einfache Zahl steht.
z.B.: Name=Wert; - genau so liest es das Skript dann aus, was ja mehr als nur eine einfache Zahl ist.
Um nicht mit anderen Cookies (Login, Styleswitcher, etc.) zu kollidieren, muss aber ein Name gesetzt werden und davon dann dem Skript nur der Wert-Teil �bergeben werden.

Das sollte nun soweit funktionieren.
Der Name des Cookies kann in in dieser Zeile angepasst werden:

1

var cName = 'onlineCookie';

Der Wert kann mit der Variable Differenz ausgegeben werden.
Dazu m�ssen einfach nur diese beiden (gleichen) Zeilen nach belieben ersetzt werden:

1

document.Onlinezeit.OnlinezeitWert.value = Differenz;

Im Moment erfolgt also die Ausgabe im Formular OnlineZeit im Feld OnlinezeitWert

Das Cookie ist im Moment w�hrend einer Sitzung (standard) g�ltig, das ist meistens bis zum Schlie�en des Browsers.
Um die Laufzeit zu verl�ngern, auch sitzungs�bergreifend, kannst du noch beim Cookie-Setzen expires erg�nzen.
Das funktioniert in etwa wie bei dem zweiten Beispiel bei SelfHTML.
Generiere die Variable ablauf wie bei SelfHTML im else-Block, am besten direkt vor:

1

document.cookie = cName+'='+(Aufrufzeit+1)+';';

und ersetze die Zeile zum Setzen des Cookies aber durch folgende:

1

document.cookie = cName+'='+(Aufrufzeit+1)+'; expires='+ablauf.toGMTString()+';';

Beachte auch zu allem die Kommentare, sie sollten die Arbeit ein wenig vereinfachen.

Hier nun noch das fertige Skript (Zeitberechnung() per Onload-Handler aufrufen):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<script type="text/javascript" language="javascript">
function Zeitberechnung() {
	//Cookie-Name setzen:
	var cName = 'onlineCookie';
	if(document.cookie && getCookie(cName) != '' && getCookie(cName) != 'NaN') {
		var CookieAufrufzeit = parseInt(getCookie(cName));
		var AktuelleZeit = new Date();
		var Differenz = parseInt((AktuelleZeit.getTime() - CookieAufrufzeit) / 1000);
		//Ausgabe in Formular-Feld:
		document.Onlinezeit.OnlinezeitWert.value = Differenz;
		//document.cookie = cName+'='+(CookieAufrufzeit+1)+';';	//nicht erforderlich, Sinn unbekannt
		setTimeout("Zeitberechnung()", 1000);
	}
	else {
		var Aufrufzeit = new Date();
		Aufrufzeit = parseInt(Aufrufzeit.getTime());
		var AktuelleZeit = new Date();
		//Ablauf-Zeit (Standard: Sitzung) mit "expires" verlängern (Variable "ablauf" generieren):
		document.cookie = cName+'='+(Aufrufzeit+1)+';';	//document.cookie = cName+'='+(Aufrufzeit+1)+'; expires='+ablauf.toGMTString()+';';
		var Differenz = parseInt((AktuelleZeit.getTime() - Aufrufzeit) / 1000);
		//Ausgabe in Formular-Feld (ohne Zeile wird erst ab 1 eingetragen):
		document.Onlinezeit.OnlinezeitWert.value = Differenz;
		setTimeout("Zeitberechnung()", 1000);
	}
}
function getCookie(c_name) {
	if (document.cookie.length>0) {
		c_start=document.cookie.indexOf(c_name + '=');
		if (c_start!=-1) {
			c_start=c_start + c_name.length+1;
			c_end=document.cookie.indexOf(';',c_start);
			if (c_end==-1) c_end=document.cookie.length;
				return unescape(document.cookie.substring(c_start,c_end));
		}
	}
	return '';
}
</script>

Das Formular hattest du ja bereits (hier: jetzt f�r XHTML):

1
2
3

<form name="Onlinezeit" action="">
Sie sind seit <input name="OnlinezeitWert" size="3" type="text" value="" /> Sekunden auf dieser Webseite.
</form>

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#5 | RE: Onlinezeitzähler datum

datum

20.09.2009 10:24

Hallo Florian,
es funktioniert.
Mal wieder eine super Arbeit, die Du da hinbekommen hast. Klasse!

Ich habe da noch zwei Fragen:

1. Kann man hier den "input-Befehl" durch "span" ersetzen

Sie sind seit <span name="OnlinezeitWert"></span> Sekunden auf dieser Webseite

Irgendwie funktioniert es hier nicht. Oder habe ich einen Fehler gemacht?

2. Der Cookie löscht sich erst beim Schließen des Browsers.
Ist es möglich, den Cookie bereits zu löschen, wenn ich das Forum (http://104774.homepagemodules.de) verlasse,
nicht aber die Seite im Forum wechsele

Viele Grüße und besten Dank
Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

nach oben springen

#6 | RE: Onlinezeitzähler datum

datum

20.09.2009 20:34

Hallo Wolfgang,
beide Fragen sollten zumindest teilweise zu l�sen sein.

1. Du hast nicht wirklich einen Fehler gemacht, allerdings kann es so nicht ganz funktionieren.
Das Ansprechen �ber den verwendeten Code funktioniert nur bei Formularfeldern:

1

document.FORMNAME.FORMFELD.value = Wert;

Du vergibst dem Span am besten eine ID und sprichst es dar�ber an und �nderst den Inhalt z.B. mit innerHTML / innerText.
Das im Beispiel verwendete document.all solltest du jedoch nicht verwenden, benutze stattdessen das neuere document.getElementById()
=> Beispiel.:

1

document.getElementById('SpanID').innerHTML = 'HTML-Code'+Differenz+'weiterer Code';

Verwende innerHTML eben dann, wenn auch Formatierungen etc. als HTML-Code eingesetzt werden, ansonsten sollte innerText reichen, wenn eben z.B. nur die Zahl eingesetzt werden soll:

1

document.getElementById('SpanID').innerText = Differenz;

Die Formatierung w�re dann auch �ber Stylesheets f�r dieses Span m�glich. (fast besser, aber Geschmackssache)
Beachte, dass dabei zwei Zeilen ausgetauscht werden m�ssen. (s. zweite Code-Erl�uterung in meinem letzten Beitrag)

2. Dazu m�sste ein Event beim Schlie�en des Browsers ausgel�st werden.
Dieses muss dann das Ablaufdatum des Cookies in die Vergangenheit setzen, um es zu l�schen.
Setze dazu folgende Codezeile an den Anfang innerhalb der Funktion Zeitberechnung():

1

window.onunload = function() { document.cookie = cName+'='+(Aufrufzeit+1)+'; expires=Thu, 01-Jan-70 00:00:01 GMT;'; }

Das Problem ist nur, dass das Skript nicht nur beim Tab/Fenster-Schlie�en aufgerufen wird, sondern auch beim Seitenwechsel innerhalb.
Es gibt einige Workarounds, die aber meistens sehr d�rftig sind.
Unter anderem gibt es hier zwar einen einigerma�en guten: http://forum.de.selfhtml.org/archiv/2002/7/t16948/
...aber es w�re denke ich wenig sinnvoll, alle links mit onclick versehen zu m�ssen.

P.S.: Ich habe die Skripte jetzt nicht mehr getestet, so sollten sie aber trotzdem funktionieren.
Ich hoffe nur, dass sich keine Fehler in der Gro�- und Kleinschreibung eingeschlichen haben...

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#7 | RE: Onlinezeitzähler datum

datum

21.09.2009 18:26

Hallo Florian,
mit der "SpanID" hat super funktioniert. Sie jetzt auch besser aus!

Zu 2.:
Kann es sein, dass hier noch ein Fehler vorliegt ?

window.onunload = function() { document.cookie = cName+'='+(Aufrufzeit+1)+'; expires=Thu, 01-Jan-70 00:00:01 GMT;'; }

Der Zähler startet bei jedem Seitenaufruf neu.
Hast Du hier noch eine Idee?

Gruß
Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

nach oben springen

#8 | RE: Onlinezeitzähler datum

datum

21.09.2009 22:15

Hallo Wolfgang,
ist ja schonmal prima, dass es mit Span funktioniert hat.

Zu 2. m�sste man am besten einen Workaround finden, welcher das Event nur beim Verlassen des Servers/Schlie�en des Tabs abfeuert.
Aber wie gesagt, ist die L�sung allen Links ein Onclick hinzuzuf�gen, nicht das wahre.

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#9 | RE: Onlinezeitzähler datum

datum

23.09.2009 10:25 (zuletzt bearbeitet: 24.09.2009 18:59)

Hallo Florian,
ich habe mich etwas zu früh gefreut!

Der Onlinezähler läuft bei mir nicht im FF, und NS.

So weit ich weiß, nutzt Du doch den FF. Dann müste der Zähler doch funktionieren?

Oder habe ich etwas bei der "SPAN-Zeile" vergessen?

Nachtrag: Kann man den Onlinezähler auch in einem Frame zum Laufen bringen?

<html>
<head>

<script type="text/javascript" language="javascript">
function Zeitberechnung() {
//Cookie-Name setzen:
var cName = 'onlineCookie';
if(document.cookie && getCookie(cName) != '' && getCookie(cName) != 'NaN') {
var CookieAufrufzeit = parseInt(getCookie(cName));
var AktuelleZeit = new Date();
var Differenz = parseInt((AktuelleZeit.getTime() - CookieAufrufzeit) / 1000);
//Ausgabe in Formular-Feld:
document.getElementById('Onlinezeit').innerText = Differenz;
//document.cookie = cName+'='+(CookieAufrufzeit+1)+';'; //nicht erforderlich, Sinn unbekannt
setTimeout("Zeitberechnung()", 1000);
}
else {
var Aufrufzeit = new Date();
Aufrufzeit = parseInt(Aufrufzeit.getTime());
var AktuelleZeit = new Date();
//Ablauf-Zeit (Standard: Sitzung) mit "expires" verlängern (Variable "ablauf" generieren):
document.cookie = cName+'='+(Aufrufzeit+1)+';'; //document.cookie = cName+'='+(Aufrufzeit+1)+'; expires='+ablauf.toGMTString()+';';
var Differenz = parseInt((AktuelleZeit.getTime() - Aufrufzeit) / 1000);
//Ausgabe in Formular-Feld (ohne Zeile wird erst ab 1 eingetragen):

document.getElementById('Onlinezeit').innerText = Differenz;
setTimeout("Zeitberechnung()", 1000);
}
}
function getCookie(c_name) {
if (document.cookie.length>0) {
c_start=document.cookie.indexOf(c_name + '=');
if (c_start!=-1) {
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(';',c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return '';
}
</script>

<title>Online-Zeit des Besuchers ermitteln</title>
</head>
</html>

<body id="forum" marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" onload="Zeitberechnung();">

<b>Sie sind seit <span id="Onlinezeit"> </span> Sekunden auf dieser Webseite</b>

</body>
</html>

Gruß
Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

nach oben springen

#10 | RE: Onlinezeitzähler datum

datum

24.09.2009 21:21 (zuletzt bearbeitet: 24.09.2009 21:48)

Hallo Florian,
ich habe die Ursache gefunden (Rot gekennzeichnet).

Jetzt läuft der Onlinezähler im FF, IE, Opera, NS und Safari.

Er läuft sogar auch im "Frame", mit einer Ausnahme.

Der Internet Explorer.
Er tut es einfach nicht.
In der Anzeige erscheint eine "Null".
Es sieht so aus, als wenn der Zähler angelaufen und dann stehengeblieben ist.

Gibt es hier noch eine einfache Lösung?

<html>
<head>

<script type="text/javascript" language="javascript">
function Zeitberechnung() {
//Cookie-Name setzen:
var cName = 'onlineCookie';
if(document.cookie && getCookie(cName) != '' && getCookie(cName) != 'NaN') {
var CookieAufrufzeit = parseInt(getCookie(cName));
var AktuelleZeit = new Date();
var Differenz = parseInt((AktuelleZeit.getTime() - CookieAufrufzeit) / 1000);
//Ausgabe in Formular-Feld:
document.getElementById("Onlinezeit").innerHTML = Differenz;
//document.cookie = cName+'='+(CookieAufrufzeit+1)+';'; //nicht erforderlich, Sinn unbekannt
setTimeout("Zeitberechnung()", 1000);
}
else {
var Aufrufzeit = new Date();
Aufrufzeit = parseInt(Aufrufzeit.getTime());
var AktuelleZeit = new Date();
//Ablauf-Zeit (Standard: Sitzung) mit "expires" verlängern (Variable "ablauf" generieren):
document.cookie = cName+'='+(Aufrufzeit+1)+';'; //document.cookie = cName+'='+(Aufrufzeit+1)+'; expires='+ablauf.toGMTString()+';';
var Differenz = parseInt((AktuelleZeit.getTime() - Aufrufzeit) / 1000);
//Ausgabe in Formular-Feld (ohne Zeile wird erst ab 1 eingetragen):

document.getElementById("Onlinezeit").innerHTML = Differenz;
setTimeout("Zeitberechnung()", 1000);
}
}
function getCookie(c_name) {
if (document.cookie.length>0) {
c_start=document.cookie.indexOf(c_name + '=');
if (c_start!=-1) {
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(';',c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return '';
}
</script>

<title>Online-Zeit des Besuchers ermitteln</title>
</head>
</html>

<body id="forum" marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" onload="Zeitberechnung();">

<b>Sie sind seit <span id="Onlinezeit"> </span> Sekunden auf dieser Webseite</b>

</body>
</html>

Gruß
Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

nach oben springen

#11 | RE: Onlinezeitzähler datum

datum

11.10.2009 12:40

Hallo Wolfgang,
vielleicht hat dein IE ja Probleme mit getElementById.
Im Gegensatz zu vielen anderen Browsern kann der IE immer noch mit document.all umgehen.
Ich habe mal das Skript so ver�ndert, dass document.all verwendet wird, falls es der Browser unterst�tzt.

Das Skript lief so bei mir im Firefox, IE und Opera:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script type="text/javascript" language="javascript">
function Zeitberechnung() {
	//Cookie-Name setzen:
	var cName = 'onlineCookie';
	if(document.cookie && getCookie(cName) != '' && getCookie(cName) != 'NaN') {
		var CookieAufrufzeit = parseInt(getCookie(cName));
		var AktuelleZeit = new Date();
		var Differenz = parseInt((AktuelleZeit.getTime() - CookieAufrufzeit) / 1000);
		//Ausgabe in Formular-Feld:
		//document.Onlinezeit.OnlinezeitWert.value = Differenz;
		//document.getElementById('OnlinezeitWert').innerHTML = '<i>'+Differenz+'</i>';
		(!document.all) ? document.getElementById('OnlinezeitWert').innerHTML = '<i>'+Differenz+'</i>' : document.all.OnlinezeitWert.innerHTML = '<i>'+Differenz+'</i>';
		//document.cookie = cName+'='+(CookieAufrufzeit+1)+';';	//nicht erforderlich, Sinn unbekannt
		setTimeout("Zeitberechnung()", 1000);
	}
	else {
		var Aufrufzeit = new Date();
		Aufrufzeit = parseInt(Aufrufzeit.getTime());
		var AktuelleZeit = new Date();
		//Ablauf-Zeit (Standard: Sitzung) mit "expires" verlängern (Variable "ablauf" generieren):
		document.cookie = cName+'='+(Aufrufzeit+1)+';';	//document.cookie = cName+'='+(Aufrufzeit+1)+'; expires='+ablauf.toGMTString()+';';
		var Differenz = parseInt((AktuelleZeit.getTime() - Aufrufzeit) / 1000);
		//Ausgabe in Formular-Feld (ohne Zeile wird erst ab 1 eingetragen):
		//document.Onlinezeit.OnlinezeitWert.value = Differenz;
		(!document.all) ? document.getElementById('OnlinezeitWert').innerHTML = '<i>'+Differenz+'</i>' : document.all.OnlinezeitWert.innerHTML = '<i>'+Differenz+'</i>';
		setTimeout("Zeitberechnung()", 1000);
	}
}
function getCookie(c_name) {
	if (document.cookie.length>0) {
		c_start=document.cookie.indexOf(c_name + '=');
		if (c_start!=-1) {
			c_start=c_start + c_name.length+1;
			c_end=document.cookie.indexOf(';',c_start);
			if (c_end==-1) c_end=document.cookie.length;
				return unescape(document.cookie.substring(c_start,c_end));
		}
	}
	return '';
}
</script>
</head>
<body onload="Zeitberechnung();">


<form name="Onlinezeit" action="">
Sie sind seit <span id="OnlinezeitWert" style="font-weight:bold;"></span> Sekunden auf dieser Webseite.
</form>


</body>
</html>

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#12 | RE: Onlinezeitzähler datum

datum

12.10.2009 19:54 (zuletzt bearbeitet: 12.10.2009 19:55)

Hallo Florian,
das Script funktioniert genau so gut.

Ich denke, dass der Google-Übersetzer hier Fehler mit hinein bringt!

Ich habe den "Google-Translater" wieder aus meinem Forum herausgenommen. Er arbeiten bei einfachen Texten sehr gut. Sobalt komplexe Formatierungen und Scripte mit eingebunden sind, ist er nicht zu gebrauchen. Selbst beim Kopieren werden dann falsche Daten übernommen.

Auf jeden Fall arbeitet der Onlinezeitzähler soweit in allen Browsern!

Nochmals besten Dank und viele Grüße aus Hannover
Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

nach oben springen

#13 | RE: Onlinezeitzähler datum

datum

12.10.2009 21:33

Hallo Wolfgang,
wenn das Skript nun so funktioniert, dann ist ja alles bestens.

Ich habe das Forum nochmal durch den Translator gejagt.
Dabei hat sich best�tigt, was ich mir schon gedacht habe.
Wenn man �ber eine URL f�hrt, steht ja in der Statusleiste die verlinkte Adresse.
Diese Adresse ist immer eine von Google, die Foren-Urls werden nur als Parameter mitgegeben.
Und das ganze System des Forums funktioniert eben leider (zum Gl�ck) nicht eingebettet innerhalb anderer Seiten, vor allem der Login etc. ...
Zumindest muss ich z.B. des �fteren auf die korrekten Pfadangaben achten, wenn ich eine Seite in eine andere "include".

Ich will es jedoch nicht zu 100% ausschlie�en, dass es keine M�glichkeit gibt, den Translator einzubinden.
Vor allem, nachdem ich den Translator mal in einem Testforum eines Supporters gesehen habe.
W�re aber m�glich, dass dieser auch nicht mit allen Funktionen klarkommt.
Vielleicht hilft eine direkte Nachfrage im Support doch noch weiter.
Falls dann doch alles mit dem Translator funktionieren w�rde, w�rde mich das auch interessieren. (ob und wie das m�glich sein kann)

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#14 | RE: Onlinezeitzähler datum

datum

14.06.2011 21:43

Hallo Florian,
läßt sich die Onlinezeit auch in Std., Min., Sek. anzeigen (z.B.: 1:55:21)

Bis dann und Danke im Voraus
Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

nach oben springen

#15 | RE: Onlinezeitzähler datum

datum

15.06.2011 16:18 (zuletzt bearbeitet: 15.06.2011 22:36)

Offline

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Hallo Wolfgang,
die Antwort auf deine Frage ist, ja das geht!
Ich habe das Skript nochmals weitestgehend �berarbeitet und stark gek�rzt.
Au�erdem habe ich die Funktion getCookie etwas umbenannt, um evtl. Probleme mit anderen getCookie-Funktionen in anderen Skripts zu vermeiden.
Nachfolgend der komplette Quellcode, der aber nochmals in der Datei im Anhang zu finden ist.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Onlinezeit</title>
<script type="text/javascript" language="javascript">
/*<![CDATA[*/
function Zeitberechnung() {
	if (document.getElementById('OnlinezeitWert')) {
		//Cookie-Name setzen:
		var cName = 'onlineCookie';
		if (document.cookie && getTimeCookie(cName) != '' && getTimeCookie(cName) != 'NaN') {
			var CookieAufrufzeit = parseInt(getTimeCookie(cName));
		}
		else {
			var Aufrufzeit = parseInt((new Date()).getTime());
			//Ablauf-Zeit (Standard: Sitzung) mit "expires" verlängern (zuvor Variable "ablauf" generieren):
			document.cookie = cName+'='+(Aufrufzeit)+';';	//document.cookie = cName+'='+(Aufrufzeit)+'; expires='+ablauf.toGMTString()+';';
			var CookieAufrufzeit = Aufrufzeit;
		}
		var Differenz = parseInt(((new Date()).getTime() - CookieAufrufzeit) / 1000);	//Sekunden gesamt
		var Sekunden = (Differenz%60);													//Sekunden seit voller Minute
		var Minuten = Math.floor(Differenz/60);											//Minuten gesamt
		var Stunden = Math.floor(Minuten/60);											//Stunden gesamt
		//Zeitstring aufbauen:
		var stime = '<i>'+mknull(Differenz,2)+'<\/i> Sekunden';													//Zeitstring in Sekunden
		if (Minuten >= 1) {
			stime = '<i>'+mknull(Minuten,2)+':'+mknull(Sekunden,2)+'<\/i> Minuten';								//Zeitstring in Minuten
			if (Stunden >= 1) {
				Minuten = Minuten%60;													//Minuten seit voller Stunde
				stime = '<i>'+mknull(Stunden,2)+':'+mknull(Minuten,2)+':'+mknull(Sekunden,2)+'<\/i> Stunden';	//Zeitstring in Stunden
			}
		}
		//Ausgabe in Formular-Feld:	//document.Onlinezeit.OnlinezeitWert.value = Differenz;
		(!document.all) ? document.getElementById('OnlinezeitWert').innerHTML = stime : document.all.OnlinezeitWert.innerHTML = stime;
		setTimeout("Zeitberechnung()", 1000);
	}
}
function getTimeCookie(c_name) {
	if (document.cookie.length>0) {
		c_start=document.cookie.indexOf(c_name + '=');
		if (c_start!=-1) {
			c_start=c_start + c_name.length+1;
			c_end=document.cookie.indexOf(';',c_start);
			if (c_end==-1) c_end=document.cookie.length;
				return unescape(document.cookie.substring(c_start,c_end));
		}
	}
	return '';
}
function mknull(zahl, stellen) {
	var strlen = zahl.toString().length;
	for(var i=strlen; i<stellen; i++){
		zahl = '0'+zahl;
	}
	return zahl;
}
/*]]>*/
</script>
</head>
<body onload="Zeitberechnung();">
 
<span id="Onlinezeit">
	Ihr erster Aufruf war vor <span id="OnlinezeitWert" style="font-weight:bold;"></span>.
</span>
 
</body>
</html>
 

Die Ausgabe kannst du bei Bedarf noch leicht modifizieren, indem du die Strings (stime) nach dem Kommentar //Zeitstring aufbauen: ab�nderst.
Die Funktion mknull(ZAHL,2) sorgt daf�r, dass Sekunden, Minuten und Stunden immer mindestens zweistellig angezeigt werden.
Wenn die Stunden z.B. auch einstellig angezeigt werden d�rfen, musst du nur an entsprechender Stelle die 2 zur 1 �ndern (3 f�r bis zu 2 f�hrende Nullen...).
Aber denke daran, wenn du die Ausgabe der Sekunden modifizierst, musst du dass in allen drei Definitionen f�r stime durchf�hren, da die Sekunden-Anzeige im Falle von Minuten oder auch Stunden jeweils �berschrieben wird.
Die Minuten musst du hingegen nur zweimal und Stunden nur einmal ver�ndern.
Der Beschreibungs-Text um die eigentliche Zeit-Anzeige (welche jetzt eben statt einer einfachen Zahl etwas formatiert wurde) steht nach wie vor au�erhalb des SPANs.

florian-zier hat folgende Dateien an diesen Beitrag angeh�ngt

Onlinezeit.zip

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#16 | RE: Onlinezeitzähler datum

datum

15.06.2011 19:01

Hallo Florian,
das Script ist absolut Spitze! Danke dafür!
Das alte Script konnte ich in meinem Forum nicht belassen. Es hat den 3-D Spoiler und die Scroll-Funktion beeinflusst. Mit dem neuen Script funktioniert wieder alles.
Ich habe den Online-Zeitzähler in die Forum-Statistik untergebracht.

Bis dann
Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

nach oben springen

#17 | RE: Onlinezeitzähler datum

datum

15.06.2011 22:49

Offline

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Hallo Wolfgang,
mir ist gerade noch etwas aufgefallen, als ich gepr�ft habe, ob in deinem Forum noch Errors auftreten.
Eigentlich war es wegen der Willkommen-Box, aber der Error entsteht, wenn die Onlinezeit-Anzeige nicht auf der Seite vorhanden ist.
Beispiele sind Beitrags�bersicht und -Anzeige.

Das Skript wird nun nach einer minimalen �nderung nicht mehr permanent wiederholt, sondern abgebrochen, falls die Anzeige auf der entsprechenden Seite nicht eingebaut wurde.
Damit ist dann auch der Error behoben.

In der Funktion Zeitberechnung() muss nur der Quellcode von einer Bedingung umgeben werden.

1
2
3
 
if (document.getElementById('OnlinezeitWert')) {
...
}
 

Damit wird sichergestellt, dass das Skript nur ausgef�hrt wird, wenn ein SPAN mit der ID OnlinezeitWert auch wirklich existiert.
Die �nderungen habe ich bereits in meinem vorigen Beitrag eingef�gt und auch die Datei im Anhang aktualisiert.

Dein Forum sollte dann wohl auch wieder ohne jeglichen Fehler funktionieren.

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#18 | RE: Onlinezeitzähler datum

datum

18.06.2011 17:54

Offline

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Im Anschluss gleich noch die erweiterte Version, bei welcher 1 Sekunde/Minute/Stunde ber�cksichtigt wird.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Onlinezeit</title>
<script type="text/javascript" language="javascript">
/*<![CDATA[*/
function Zeitberechnung() {
	if (document.getElementById('OnlinezeitWert')) {
		//Cookie-Name setzen:
		var cName = 'onlineCookie';
		if (document.cookie && getTimeCookie(cName) != '' && getTimeCookie(cName) != 'NaN') {
			var CookieAufrufzeit = parseInt(getTimeCookie(cName));
		}
		else {
			var Aufrufzeit = parseInt((new Date()).getTime());
			//Ablauf-Zeit (Standard: Sitzung) mit "expires" verlängern (zuvor Variable "ablauf" generieren):
			document.cookie = cName+'='+(Aufrufzeit)+';';	//document.cookie = cName+'='+(Aufrufzeit)+'; expires='+ablauf.toGMTString()+';';
			var CookieAufrufzeit = Aufrufzeit;
		}
		var Differenz = parseInt(((new Date()).getTime() - CookieAufrufzeit) / 1000);	//Sekunden gesamt
		var Sekunden = (Differenz%60);													//Sekunden seit voller Minute
		var Minuten = Math.floor(Differenz/60);											//Minuten gesamt
		var Stunden = Math.floor(Minuten/60);											//Stunden gesamt
		//Zeitstring aufbauen:
		var stime = '<i>'+mknull(Differenz,2)+'<\/i> '+ ((Differenz!=1)? 'Sekunden':'Sekunde');												//Zeitstring in Sekunden
		if (Minuten >= 1) {
			stime = '<i>'+mknull(Minuten,2)+':'+mknull(Sekunden,2)+'<\/i> '+ ((Minuten!=1)? 'Minuten':'Minute');							//Zeitstring in Minuten
			if (Stunden >= 1) {
				Minuten = (Minuten%60);													//Minuten seit voller Stunde
				stime = '<i>'+mknull(Stunden,2)+':'+mknull(Minuten,2)+':'+mknull(Sekunden,2)+'<\/i> '+ ((Stunden!=1)? 'Stunden':'Stunde');	//Zeitstring in Stunden
			}
		}
		//Ausgabe in Formular-Feld:	//document.Onlinezeit.OnlinezeitWert.value = Differenz;
		(!document.all) ? document.getElementById('OnlinezeitWert').innerHTML = stime : document.all.OnlinezeitWert.innerHTML = stime;
		setTimeout("Zeitberechnung()", 1000);
	}
}
function getTimeCookie(c_name) {
	if (document.cookie.length>0) {
		c_start=document.cookie.indexOf(c_name + '=');
		if (c_start!=-1) {
			c_start=c_start + c_name.length+1;
			c_end=document.cookie.indexOf(';',c_start);
			if (c_end==-1) c_end=document.cookie.length;
				return unescape(document.cookie.substring(c_start,c_end));
		}
	}
	return '';
}
function mknull(zahl, stellen) {
	var strlen = zahl.toString().length;
	for(var i=strlen; i<stellen; i++){
		zahl = '0'+zahl;
	}
	return zahl;
}
/*]]>*/
</script>
</head>
<body onload="Zeitberechnung();">
 
<span id="Onlinezeit">
	Ihr erster Aufruf war vor <span id="OnlinezeitWert" style="font-weight:bold;"></span>.
</span>
 
</body>
</html>
 

Das Komplett-Beispiel befindet sich auch nochmals in der Datei im Anhang.

florian-zier hat folgende Dateien an diesen Beitrag angeh�ngt

Onlinezeit.zip

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

Ein- und ausblenden von Orten in der Landkarte � � Slideshow in der Bildergalerie

Logo http://www.florian-zier.de
Der Administrator ist nicht f�r die im Forum verlinkten Seiten und Beitr�ge der User verantwortlich.

Xobor

Forum Software von Xobor
Einfach ein eigenes Forum erstellen