Kobold67: Textfarbe bei hat Heute Geburtstag ändern

Beitrag lesen

Hallo zusammen

Habe ein javascript für einen Geburtstagskalender gefunden und möchte aber das wenn der text "hat heute Geburtstag" kommt das der in einer andern Farbe ist, stehe irgendwie auf dem schlauch. Vieleicht weiss auch jemand wie man noch das alter hinter dem Namen anzeigen lassen könnte.

Hier das Script:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Geburtstage</title>
<html>
<head>
<title>Geburtstagsvorhersage-Seite</title>
<script type="text/javascript">
function birthday() {
var bb=[

"01.09.1983","Michael",
"02.09.1967","keine Ahnung",
"03.09.1972","Thomas",
"04.09.1972","Stephan",
"05.09.1972","Fritzli",
"09.09.2001","Hansli",

];

var geb=7;
var kalender=document.getElementById("kalender");
if (kalender) {
if (kalender.firstChild) kalender.removeChild(kalender.firstChild);
var ul=document.createElement("ul");
kalender.appendChild(ul);
with (new Date()) {
var monat=getMonth();
var jahr=getFullYear();
var tag=getDate();
}
var d0=Date.UTC(jahr,monat,tag,9,0,0);
var eintag=86400000;
var b=monat+"."+tag;
var j,bi,t,m,d,d1;
for(j=0; j<bb.length-1; j+=2)
{
bi=bb[j].split(".");
t=bi[0];
m=bi[1]-1;
//gj=bi[2];
d=(Date.UTC(jahr,m,t,9,0,0)-d0)/eintag;
d1=(Date.UTC(jahr+1,m,t,9,0,0)-d0)/eintag;
if (Math.abs(d)>Math.abs(d1)) d=d1;
d1=(Date.UTC(jahr-1,m,t,9,0,0)-d0)/eintag;
if (Math.abs(d)>Math.abs(d1)) d=d1;
t=Math.abs(d);
if (t<=geb)
 {
 bi=bb[j+1]+" hat";
 if (d<-2)  bi+='te vor ' + t + ' Tagen Geburtstag';
 if (d>2)   bi+=' in ' + t + ' Tagen Geburtstag';
 if (d==-2) bi+='te vorgestern Geburtstag';
 if (d==2)  bi+=' übermorgen Geburtstag';
 if (d==-1) bi+='te gestern Geburtstag';
 if (d==1)  bi+=' morgen Geburtstag';
 if (d==0)  bi+=' heute Geburtstag';

var li=document.createElement("li");
 li.appendChild(document.createTextNode(bi));
 ul.appendChild(li);
 }
}

}}
window.onload=function() {
birthday();
}
</script>
</head>
<body>
<h1>Geburtstage der H&auml;xeschr&auml;nzer </h1>
<div id="kalender">keiner hat Geburtstag</div>
</body>
</html>