JavaScript Kalender: Prob bei Formatierung d. Ausgabe

crab

Cadet 3rd Year
Dabei seit
Jan. 2009
Beiträge
47
Hallo zusammen!

Ich habe mir für meine Website einen kleinen JS-Kalender besorgt. Dieser funktioniert in seiner Bescheidenheit (völlig ausreichend!) auch ganz gut, jedoch bekomme ich den aktuellen Tag nicht so formatiert, wie es der Quelltext meines Erachtens nach vorgibt...

HTML:
<script type='text/javascript'>
<!--
var d = new Date();
var dm = d.getMonth() + 1;
var dj = d.getYear();
if(dj < 2000) dj+=1900;
Kalender(dm,dj);

function Kalender(Monat,Jahr)
{
Monatsname = new Array
("Januar","Februar","März","April","Mai","Juni","Juli",
"August","September","Oktober","November","Dezember");
Tag = new Array ("Mo","Di","Mi","Do","Fr","Sa","So");

var KSchrArt = "Verdana,Arial"; 	/* Schriftart Kalenderkopf */
var KSchrGroesse = 1;           	/* Schriftgroesse 1-7 Kalenderkopf */
var KSchrFarbe = "#304090";     	/* Schriftfarbe Kalenderkopf */
var Khgrund = "#000066";        	/* Hintergrundfarbe Kalenderkopf */
var TSchrArt = "Verdana,Arial"; 	/* Schriftart Tagesanzeige */
var TSchrGroesse = 1;           	/* Schriftgroesse 1-7 Tagesanzeige */
var TSchrFarbe = "#000000";     	/* Schriftfarbe Tagesanzeige */
var Thgrund = "#D0F0F0";        	/* Hintergrundfarbe Tagesanzeige */
var SoFarbe = "#E00000";        	/* Schriftfarbe f. Sonntage */
var Ahgrund = "#FFFF00";        	/* Hintergrundfarbe f. heutigen Tag */

var jetzt = new Date();
var DieserMonat = jetzt.getMonth() + 1;
var DiesesJahr = jetzt.getYear();
if(DiesesJahr < 2000) DiesesJahr+=1900;
var DieserTag = jetzt.getDate();
var Zeit = new Date(Jahr,Monat-1,1);
var Start = Zeit.getDay();
if(Start > 0) Start--;
else Start = 6;
var Stop = 31;
if(Monat==4 ||Monat==6 || Monat==9 || Monat==11 ) --Stop;
if(Monat==2)
{
 AnzTage=-3;
 if(Jahr%4==0) Stop++;
 if(Jahr%100==0) Stop--;
 if(Jahr%400==0) Stop++;
}
document.write("<table border=3 cellpadding=1 cellspacing=1>");
var Monatskopf = Monatsname[Monat-1] + " " + Jahr;
SchreibeKopf(Monatskopf,Khgrund,KSchrFarbe,KSchrGroesse,KSchrArt);
var Tageszahl = 1;
for(i=0;i<=5;i++)
 {
  document.write("<tr>");
  for(j=0;j<=5;j++)
   {
    if((i==0)&&(j < Start))
     SchreibeZelle(" ",Thgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
    else
     {
      if(Tageszahl > Stop)
        SchreibeZelle(" ",Thgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
      else
       {
        if((Jahr==DiesesJahr)&&(Monat==DieserMonat)&&(Tageszahl==DieserTag))
         SchreibeZelle(Tageszahl,Ahgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
        else
         SchreibeZelle(Tageszahl,Thgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
        Tageszahl++;
       }
      }
     }
    if(Tageszahl > Stop)
      SchreibeZelle(" ",Thgrund,SoFarbe,TSchrGroesse,TSchrArt);
    else
     {
      if((Jahr==DiesesJahr)&&(Monat==DieserMonat)&&(Tageszahl==DieserTag))
        SchreibeZelle(Tageszahl,Ahgrund,SoFarbe,TSchrGroesse,TSchrArt);
      else
        SchreibeZelle(Tageszahl,Thgrund,SoFarbe,TSchrGroesse,TSchrArt);
      Tageszahl++;
     }
    document.write("</tr>");
  }
document.write("</table>");
}

function SchreibeKopf(Monatstitel,HgFarbe,SchrFarbe,SchrGroesse,SchrArt)
{
document.write("<tr>");
document.write("<td align=center colspan=7 valign=middle bgcolor="+HgFarbe+">");
document.write('<font size='+SchrGroesse+' color='+SchrFarbe+' face="'+SchrArt+'"><b>');
document.write(Monatstitel);
document.write("</b></font></td></tr>");
document.write("<tr>");
for(i=0;i<=6;i++)
  SchreibeZelle(Tag[i],HgFarbe,SchrFarbe,SchrGroesse,SchrArt);
document.write("</tr>");
}

function SchreibeZelle(Inhalt,HgFarbe,SchrFarbe,SchrGroesse,SchrArt)
{
document.write("<td align=center valign=middle bgcolor="+HgFarbe+">");
document.write('<font size='+SchrGroesse+' color='+SchrFarbe+' face="'+SchrArt+'"><b>');
document.write(Inhalt);
document.write("</b></font></td>");
}
//-->
</script>
Weiss jemand Rat, wo der Fehler liegen könnte?!
Wäre dafür sehr dankbar, denn mit meinen geringen JS-Kenntnissen komme ich da nicht weiter, da ich finde das sämtliche Anweisungen bzw. Formatierungsangaben stimmig sind... :(
 

NemesisFS

Lt. Commander
Dabei seit
Sep. 2008
Beiträge
1.289
Wie wird der Tag denn formatiert und wie sollte er formatiert werden?
 

crab

Cadet 3rd Year
Ersteller dieses Themas
Dabei seit
Jan. 2009
Beiträge
47
Also angezeigt wird der Kalender so:


Ergo, bleibt der heutige Tag weiss hinterlegt -äquivalent zu den restlichen Monatstagen.
Laut des Quelltextes müsste dieser doch aber in einem Gelb-Ton ausgegeben werden, siehe:
HTML:
var Ahgrund = "#FFFF00";        	/* Hintergrundfarbe f. heutigen Tag */
...oder irre ich mich da?!
 

HansDampf38

Lt. Junior Grade
Dabei seit
Jan. 2008
Beiträge
381
Tut mir das leid dir das sagen zu müssen, aber dein Quelltext ist nicht Schuld... bei mir funktioniert es.

Der aktuelle Tag wird so angzeigt, wie er soll.

Gruß

HD
 

Fatal Error

Lt. Junior Grade
Dabei seit
Jan. 2009
Beiträge
294
Tut mir das leid dir das sagen zu müssen, aber dein Quelltext ist nicht Schuld... bei mir funktioniert es.

Der aktuelle Tag wird so angzeigt, wie er soll.

Gruß

HD
wär doch schön wenn du deinen browser nennen würdest, sonst hilft ihm das auch nicht viel weiter

Edit:

ich kann im Safari 4, Firefox 3.5, Opera 10.5 und Google Chrome 5 bestätigen, dass es funktioniert. Alles unter Mac OSX 10.6
 
Zuletzt bearbeitet:

HansDampf38

Lt. Junior Grade
Dabei seit
Jan. 2008
Beiträge
381
Ich habe es sowohl im IE 8, wie auch im FF 3.6 probiert und beides klappt.
 
Top