Open en gesloten

Hallo iedereen,

Heb via deze weg een zeer goede code gevonden om op mijn website automatisch te laten weten wanneer de winkel open en of gesloten is.
Maar graag had ik in deze code ook de kleur van de tekst willen veranderen, de font de grootte,...

1. Kleur bij open zou volgende moeten zijn (#96f81a) en kleur bij gesloten (#f80000).
2. Graag had ik een standaard tekst gehad met "Momenteel zijn wij :" en daar onder gesloten of de tijd dat we open zijn.
3. Gesloten of de tijd die we open zijn zou moeten gecentreerd staan ten opzichte van van "Momenteel zijn wij :"

Kan mij iemand helpen aub? Zie momenteel de situatie via : www.boccadio.be

Alvast bedankt.

Zie in hier het script dat ik nu gebruik op dit ogenblik :

script language="JavaScript">
<!-- AFSCHERMEN VOOR OUDE BROWSERS

function openclosed() {
Now = new Date()
Day = Now.getDay()
Hour = Now.getHours()
msg = "gesloten."
if(Day == 1 && Hour > 7 && Hour < 14) // Maandag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 2 && Hour > 7 && Hour < 14) // Dinsdag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 3 && Hour > 7 && Hour < 14 ) // Woensdag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 4 && Hour > 7 && Hour < 14) // Donderdag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 5 && Hour > 7 && Hour < 14) // Vrijdag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 6 && Hour > 7 && Hour < 14) // Zaterdag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 0 && Hour > 0 && Hour < 0) // Zondag gesloten
msg ="GESLOTEN."
else
msg = "GESLOTEN."
return( msg )
}

// EINDE AFSCHERMING -->
</script>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Openingsuren</title>



<script language="JavaScript">document.write(openclosed())</script>

i.p.v

[js] return( msg ) [/js]

kunt u dit doen:

[js]

var finalmessage = "";
if (msg.indexOf("OPEN") > -1){
finalmessage = "<span style = "color:#96f81a;">" + msg+ "</span>"
}else{
finalmessage = "<span style = "color:#f80000;">" + msg+ "</span>"
}

return finalmessage;
[/js]

Werkt jammer genoeg niet.

Beste mastermindzh,

Heb dit net geprobeerd maar nu krijg ik helemaal niets meer te zien, heb ik het ergens fout geplaatst.

Alvast bedankt voor jouw reactie.


[CPP]<script language="JavaScript">
<!-- AFSCHERMEN VOOR OUDE BROWSERS

function openclosed() {
Now = new Date()
Day = Now.getDay()
Hour = Now.getHours()
msg = "gesloten."
if(Day == 1 && Hour > 7 && Hour < 14) // Maandag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 2 && Hour > 7 && Hour < 14) // Dinsdag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 3 && Hour > 7 && Hour < 14 ) // Woensdag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 4 && Hour > 7 && Hour < 14) // Donderdag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 5 && Hour > 7 && Hour < 14) // Vrijdag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 6 && Hour > 7 && Hour < 14) // Zaterdag geopend 07-14
msg = "OPEN VAN 07:00 - 14:00."
else
if(Day == 0 && Hour > 0 && Hour < 0) // Zondag gesloten
msg ="GESLOTEN."
else
msg ="GESLOTEN."

var finalmessage = "";
if (msg.indexOf("OPEN VAN 07:00 - 14:00.") > -1){
finalmessage = "<span style = "color:#96f81a;">" + msg+ "</span>"
}else{
finalmessage = "<span style = "color:#f80000;">" + msg+ "</span>"
}

return finalmessage;
}

// EINDE AFSCHERMING -->
</script>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Openingsuren</title>



<script language="JavaScript">document.write(openclosed())</script>[/CPP]

Dat ook, maar ik had ook een fout gemaakt.

[js]if (msg.indexOf("OPEN VAN 07:00 - 14:00.") > -1){[/js]
Moet gewoon "OPEN" zijn, niet specifiek een tijd erbij

Verder had ik in de haast " gebruikt i.p.v ' dus dat heb ik nu opgelost:

[js]var finalmessage = "";


if (msg.indexOf("OPEN") > -1){
finalmessage = "<span style = 'color:#96f81a;'>" + msg+ "</span>"
}else{
finalmessage = "<span style = 'color:#f80000;'>" + msg+ "</span>"
}

return finalmessage;[/js]

Die functie kan trouwens ook veel korter:

[JS]function openclosed() {
Now = new Date();
Day = Now.getDay();
Hour = Now.getHours();
closedmsg = "<span style = 'color:#f80000;'>GESLOTEN.</span>";
openmsg = "<span style = 'color:#96f81a;'>OPEN VAN 07:00 - 14:00</span>";
msg = closedmsg;
if(Day >= 1 && Day <= 6 && Hour >= 7 && Hour <= 14){
msg = openmsg;
}
return( msg );
}[/JS]

Dat dacht ik eerst ook stefanz. Maar dat is dus niet zo als je er even over nadenkt

De (oude) oplossing houd rekening met verschillende dagen. In de nieuwe oplossing die jij nu post (en ik eerder ook wilde posten) is voor 1 tijd op alle dagen (wat nu toevallig zo is maar dat kan over een aantal maanden anders zijn).

Wat je evt. nog zou kunnen verbeteren is dat je een array met open tijden bijhoud en die vergelijkt met de tijd. Maar dat maakt allemaal niet zo erg veel verschil voor zo'n klein beetje js