YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Seite um bestimmte Uhrzeit wechseln » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 4.361 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Seite um bestimmte Uhrzeit wechseln
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Der Wahre
Mitglied


Dabei seit: 02.10.06
Beiträge: 54
Forenversion: 3.0; 2.3

 Seite um bestimmte Uhrzeit wechseln Antworten Zitieren Editieren Melden       UP

Hallo,

ich habe zwei Startseiten. Ich würde gerne zu bestimmten Uhrzeiten nur die normale Startseite anzeigen lassen, und nachts die Nachtversion der Startseite.

Eine längere Suche bei Google brachte bisher keinen wirklichen Erfolg, da fand ich nur Scripte, die die Seite nach einer gewissen Zeit wechseln, aber nicht um eine gewisse Zeit.

Das Ganze sollte clientbasiert sein, also in JavaScript und somit davon abhängen, welche Zeit der Besucher grade in seinem Computer eingestellt hat, und nicht die Serverzeit.


Danke. smile
06.08.08 13:09 Der Wahre ist offline E-Mail Finden Als Freund hinzufügen
ENTE ENTE ist männlich
So quasi!


images/avatars/avatar-5627.gif

Dabei seit: 21.04.07
Beiträge: 741
Fähigkeiten: WBB3 Profi; WBB2 Profi; WBB Lite 2 Profi
Herkunft: Bernrieder Winkel
Forenversion: 3.0; 2.3

 RE: Seite um bestimmte Uhrzeit wechseln Antworten Zitieren Editieren Melden       UP

Zitat:
Original von Der Wahre
Das Ganze sollte clientbasiert sein, also in JavaScript und somit davon abhängen, welche Zeit der Besucher grade in seinem Computer eingestellt hat, und nicht die Serverzeit.


Hört sich nach xxx-Seite an, aber egal, ich würde das ganze Serverbasierend via PHP machen, kannst mich auch gerne mal anmailen, denn falls ein kleines Kind doch drauf kommt, dass das ganze Clientbasiert ist, kann er die Uhrzeit an seinem PC umstellen und genüsslich die Seite beobachten. cool

__________________
App-Store-Apps.de
Real programmers don't comment their code - it was hard to write, it should be hard to understand

06.08.08 13:13 ENTE ist offline E-Mail Finden Als Freund hinzufügen Füge ENTE in deine Kontaktliste ein
Der Wahre
Mitglied


Dabei seit: 02.10.06
Beiträge: 54
Forenversion: 3.0; 2.3

Themenstarter Thema begonnen von Der Wahre
Antworten Zitieren Editieren Melden       UP

Das wäre mir egal wenn er die Zeit dann umstellt, meine Seiten sind ja dazu erstellt angeschaut zu werden. Nur ist es logischer das clientbasiert zu machen, aus zwei Gründen:

- Kommt der Besucher aus einer andern Zeitzone, sollte er das in der für ihn passenden Zeit betrachten
- Meine Seiten sind HTML-Seiten, daher kommt nur JS infrage..
06.08.08 13:18 Der Wahre ist offline E-Mail Finden Als Freund hinzufügen
ENTE ENTE ist männlich
So quasi!


images/avatars/avatar-5627.gif

Dabei seit: 21.04.07
Beiträge: 741
Fähigkeiten: WBB3 Profi; WBB2 Profi; WBB Lite 2 Profi
Herkunft: Bernrieder Winkel
Forenversion: 3.0; 2.3

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von Der Wahre
Das wäre mir egal wenn er die Zeit dann umstellt...

Schonmal ans Jugendschutzgesetz gedacht? Man schaffts immer, aber Serverbasiert ists schwerer.

__________________
App-Store-Apps.de
Real programmers don't comment their code - it was hard to write, it should be hard to understand

06.08.08 14:01 ENTE ist offline E-Mail Finden Als Freund hinzufügen Füge ENTE in deine Kontaktliste ein
Der Wahre
Mitglied


Dabei seit: 02.10.06
Beiträge: 54
Forenversion: 3.0; 2.3

Themenstarter Thema begonnen von Der Wahre
Antworten Zitieren Editieren Melden       UP

Sorry, aber was bitte hat ein Seitenwechsel mit dem Jugendschutz zu tun?
06.08.08 14:19 Der Wahre ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hi,

ich habe mal was Kleines gecodet.

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
function changeSite()
{
	var stunden = 22, minuten = 0; // Hier die gewünschte Uhrzeit einfügen ... erst die Stunden, dann die Minuten - keine führende 0!
	var seiteNacht = 'nachtseite.html'; // Die Seite, die nach der eingetragenen Uhrzeit angezeigt werden soll
	var seiteTag = 'tagseite.html'; // Die Seite, die vor der eingetragenen Uhrzeit angezeigt werden soll
	now = new Date();
	hours = now.getHours();
	minutes = now.getMinutes();

	if(hours >= stunden && minutes >= minuten)
	{
		window.location.href = seiteNacht;
	}
	else
	{
		window.location.href = seiteTag;
	}
}


Die Funktion changeSeite() lässt sich beispielsweise im Body onload-Event aufrufen:

code:
1:
<body onload="javascript:changeSeite()">


Das Script selbst kommt in den Header, zwischen die Head-Tags.

@Ente
Du weißt ja nicht, wo die Seite gehostet wird, und was für Inhalte gezeigt werden.

@Der Wahre
Seiten mit sexuellem Inhalt müssen explizit darauf hinweisen, dass der Inhalt erst ab 16 Jahren geeignet ist.

__________________
Gruß Dizzy

the rest is silence

06.08.08 14:23 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Der Wahre
Mitglied


Dabei seit: 02.10.06
Beiträge: 54
Forenversion: 3.0; 2.3

Themenstarter Thema begonnen von Der Wahre
Antworten Zitieren Editieren Melden       UP

Vielen lieben Dank, mehr wollte ich doch gar nicht. großes Grinsen

Aber noch eine kleine Frage:

Zitat:
@Der Wahre
Seiten mit sexuellem Inhalt müssen explizit darauf hinweisen, dass der Inhalt erst ab 16 Jahren geeignet ist.


Wer behauptet hier denn ständig, dass ich 'ne Pornoseite betreibe? geschockt

Das ist 'ne ganz normale Homepage, kannst Dir hier auch gerne mal anschauen.. ^^


EDIT: Letzte Frage: Im Code steht Die Seite, die danach angezeigt werden soll und die Seite, die davor angezeigt werden soll. Stelle ich also ein, dass um 22:00 die Nachtseite auftaucht. Woher weiss das Script, um wieviel Uhr dann wieder zur Tagseite gewechselt werden soll? Das steht da nicht drin, oder hab ich das übersehen?

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Der Wahre: 06.08.08 14:49.

06.08.08 14:43 Der Wahre ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Ihh, Knuddels. Da wär' mir eine Pornoseite lieber gewesen unglücklich

__________________
Gruß Dizzy

the rest is silence

06.08.08 14:44 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Der Wahre
Mitglied


Dabei seit: 02.10.06
Beiträge: 54
Forenversion: 3.0; 2.3

Themenstarter Thema begonnen von Der Wahre
Antworten Zitieren Editieren Melden       UP

Stimmt schon, aber das ist eine sichere Methode auf viele Benutzer, ohne nur von Suchmaschinen abhängig zu sein. großes Grinsen
06.08.08 14:49 Der Wahre ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hi,

das Script wechselt eigentlich nicht, sondern entscheidet sich, wohin es verteilen soll. Vor der Uhrzeit gehts auf die Tagseite, nach der angegebenen Uhrzeit auf die Nachtseite. - Steht aber auch im Script ...

__________________
Gruß Dizzy

the rest is silence

06.08.08 14:52 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Der Wahre
Mitglied


Dabei seit: 02.10.06
Beiträge: 54
Forenversion: 3.0; 2.3

Themenstarter Thema begonnen von Der Wahre
Antworten Zitieren Editieren Melden       UP

Huhu,

habe das Ganze nun eingebaut und würde es gern noch optimieren wollen, sodass die Domain trotz wechsel in der URL-Zeile erhalten bleibt (also www.name.de statt www.name.de/ordner).

Dazu bräuchte ich dasselbe Script wie dieses, das zu bestimmten Uhrzeiten nur die Seite, und zu anderen nur die Seite anzeigt, allerdings für css-Dateien. Sprich, zwischen 6:00 und 22:00 wird css-Datei 1 für den Tag geladen, und zwischen 22:00 und 6:00 wird css-Datei 2 für die Nacht geladen.

Gibts da was für? smile
06.08.08 19:06 Der Wahre ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hi,

das mit dem URL-Hiding weiß ich nicht, da es aber schon wieder verlangt wird, werde ich mir den Spaß mal genauer ansehen.

Für die CSS-Datei solltest du wirklich PHP nutzen.

php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
<?php
$zeit['h'] = date('H');
$zeit['m'] = date('i');
$stunden 22;
$minuten 0;
if($minuten 10$minuten substr($minuten1);

if($zeit['h'] <= stunden && $zeit['m'] <= $minuten$cssdatei 'style1.css';
else $cssdatei 'style2.css';
?>


Und im Head siehts wie folg aus:

php:
1:
2:
3:
4:
5:
6:

...
<head>
<link rel="stylesheet" type="text/css" href="css/<?=$cssdatei?>" />
</head>
...


Es ist weder getestet noch erprobt, sollte aber seinen Sinn erfüllen. Wie gesagt, wegen dem URL-Hiding werde ich nochmal schauen.

__________________
Gruß Dizzy

the rest is silence

06.08.08 19:54 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

oder so mit JavaScript

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
<html><head><title>Test</title>
</head>
<style type="text/css">

.tag { background-color:#FF0000;}
.nacht { background-color:#00FF00; }

</style>

<body id="doc" class="nacht">
<script type="text/javascript">
var jetzt = new Date();
var Std = jetzt.getHours();
if (Std >= 5 && Std < 18) {
  document.getElementById("doc").className = "tag";
} else if (Std >= 18 && Std <= 24 || Std >= 0 && Std <= 5) {
  document.getElementById("doc").className = "nacht";
}
</script>
</body></html>
07.08.08 18:41 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Seite um bestimmte Uhrzeit wechseln