Goedemorgen, Goedemiddag, Goedavond script

[Stein100]

Hoi,

Ik snap nog niet zo veel van HTML, vandaar deze vraag.

Kun je de kleur en lettertype van de letters ook veranderen (zie hieronder voor het script), daarmee bedoel ik de woorden Goedemiddag, Goedeavond enz.

Alvast Bedankt!!

Dit is het script:


<script language="JavaScript" type="text/javascript">
<!--

// Zeg vriendelijk Goedemorgen, -middag, -avond, -nacht
// Mag vrij worden gebruikt

var uur = new Date().getHours();
if (uur >= 18)
document.write('Goedenavond')
else if (uur >= 12)
document.write('Goedemiddag')
else if (uur >= 6)
document.write('Goedemorgen')
else
document.write('Goedenacht');


// Einde van dit script -->
</script>

 

[michaelvdnet]

misschien is dit interessant? http://www.ezineasp.net/post/Javascript-Code-to-Change-Text-Color-of-HTML-elements.aspx

 

[Stein100]

Bedankt, ik heb hier al een antwoord gevonden:
http://websiteforum.nl/archief//viewtopic.php?p=24290&sid=9d6a87b13b397927f7dc3cd25d2f46ed

 

[Naarling]

Tsja, een antwoord uit 2004, de FONT tag hoor je eigenlijk niet meer te gebruiken, bovendien kan dit makkelijker en veelzijdiger.
Eerst passen we het script een beetje aan.

<script language="JavaScript" type="text/javascript">
 <!--

 // Zeg vriendelijk Goedemorgen, -middag, -avond, -nacht
 // Mag vrij worden gebruikt

 var uur = new Date().getHours();
 if (uur >= 18)
 document.write('<span class="avond">Goedenavond</span>')
 else if (uur >= 12)
 document.write('<span class="middag">Goedemiddag</span>')
 else if (uur >= 6)
 document.write('<span class="morgen">Goedemorgen</span>')
 else
 document.write('<span class="nacht">Goedenacht</span>');


 // Einde van dit script -->
 </script>

Vervolgens kunnen we CSS gebruiken om ieder moment van de dag een ander uiterlijk te geven, zo dus.

.avond{
color:blue; //de tekstkleur in de avond, naar smaak aan te passen
background-color:white; //de achtergrondkleur in de avond, naar smaak aan te passen
}

en zo verder voor de andere momenten van de dag