Tag/Nacht Design

5even · 7. Februar 2012

Hallo
Wie stelle ich das an, dass sagen wir mal von 6:00-19:00 GMT+1 das Bild A (um das ganze mal so unkompliziert wie möglich zu halten) und ab 19:00-06:00 dann das Bild B auf meiner Seite erscheint?

Freue mich über jeden Tipp & Hilfestellung
Danke

Awesome · 7. Februar 2012

PHP

<?php
$uhrzeit = date("H:i",$timestamp);
echo $uhrzeit;
If ($uhrzeit == DeineUhrZeit1)
{
$img = "bildA.img";
}
if ($uhrzeit == DeineUhrZeit2)
{
$img = "bildB.img"
}
?>
<img src="<?php echo $img?>">

Alles anzeigen

Nicht getestet, aber so irgendwie würde ich es machen

Akeshihiro · 7. Februar 2012

Die Frage ist aber, ob das nicht lieber per JavaScript clientseitig gesteuert werden sollte, denn ein Benutzer in China würde das sicher nicht lustig finden, wenn er eine Homepage mit der falschen Darstellung zu Gesicht bekommt, nur weil der Server in Deutschland steht. Ist vielleich ein unrealistischer Fall. Er soll aber verdeutlichen, dass es nicht unbedingt sinnvoll ist, wenn das serverseitig passiert, denn dann gelten die Zeitzonen des Serverstandortes und wenn diese nur um eine Stunde sich verschiebt, dann könnte das hier und da schon zu Problemen führen.

5even · 7. Februar 2012

aaaaalso braucht man hierfür ne php Seite?!
einfaches HTML klappt nicht?

hm akeshihiro eigentlich geht es nur um die zeitzone gtm+1 - die Seite wird 100% nicht weltweit geöffnet sondern höchstens nur in meiner stadt^^

Awesome · 7. Februar 2012

Dann hilft das vll
http://de.selfhtml.org/javascr…ekte/date.htm#get_minutes
http://de.selfhtml.org/javascript/objekte/date.htm#get_hours

trigg3r · 7. Februar 2012

http://lesscss.org/

Aber ich halte das ganze immernoch für sinnlos. Kennt jemand ne Seite die sowas anbietet?

5even · 7. Februar 2012

danke schonmal awesome & akeshihiro

sagen wir, ich hab jetzt diesen code:

HTML

<html><head><title>Test</title>
<script type="text/javascript">
var jetzt = new Date();
var Std = jetzt.getHours();
if (Std >= 6 && Std < 19) {
alert("Hier soll Bild A rein!");
} else if (Std >= 19 && Std <= 6) {
alert("Hier soll Bild B rein!");
}
</script>
</head><body>
</body></html>

Alles anzeigen

Und statt diesen PopUps sollen die Bilder auf der Seite gezeigt werden!
Oder von mir aus auch 2 verschiedene CSSs geladen werden - das sollte auch gehen

Könnt ihr mir da helfen - kann javascript (noch (hoffentlich)) garnicht^^

Awesome · 7. Februar 2012

5even schrieb:

danke schonmal awesome & akeshihiro

sagen wir, ich hab jetzt diesen code:

HTML

<html><head><title>Test</title>

<script type="text/javascript">

var jetzt = new Date();

var Std = jetzt.getHours();

if (Std >= 6 && Std < 19) {

alert("Hier soll Bild A rein!");

} else if (Std >= 19 && Std <= 6) {

alert("Hier soll Bild B rein!");

}

</script>

</head><body>

</body></html>

Alles anzeigen

Und statt diesen PopUps sollen die Bilder auf der Seite gezeigt werden!
Oder von mir aus auch 2 verschiedene CSSs geladen werden - das sollte auch gehen

Könnt ihr mir da helfen - kann javascript (noch (hoffentlich)) garnicht^^

Alles anzeigen

So gut kann ich dies auch nicht.
Versuche es mal so.

PHP

<html><head><title>Test</title>
<script type="text/javascript">
var jetzt = new Date();
var Std = jetzt.getHours();
if (Std >= 6 && Std < 19) {
var img = "bild1.png";
} else if (Std >= 19 && Std <= 6) {
var img = "bild2.png";
}
</script>
</head><body>
<img src="<?php echo $img>">
</body></html>

Alles anzeigen

Ob das bild angezeigt wird, weiß ich nicht

FragSalat · 7. Februar 2012

HAHAHAHA awesome^^ ich feier mich weg^^

du willste ne javascript variable ( client seitig ) mit php ( server seitig ) ausgeben HAHA noch nie gesehen sowas^^

HTML

<html><head><title>Test</title>
</head><body>
<! -- some HTML Code -->
<script type="text/javascript">
var current = new Date();
var hour = current.getHours();
if (hour >= 6 && hour < 19) {
document.write('<img src="bild1.jpg" />');
} else if (hour >= 19 && hour <= 6) {
document.write('<img src="bild1.jpg" />');
}
</script>
</body></html>

Alles anzeigen

5even · 7. Februar 2012

VERY HOT

danke schön Sick^, damit klappst!!
Danke auch an awesome!
&Akeshihiro für deine Gedanken :>

&trigger, was meinst is sinnlos?^^wofür ich das brauch hats aufjedenfall einen sinn
aus der less.js werde ich leider nicht klug

Teilen