JavaScript Kalender: Prob bei Formatierung d. Ausgabe

crab

Cadet 3rd Year
Registriert
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... :(
 
Wie wird der Tag denn formatiert und wie sollte er formatiert werden?
 
Also angezeigt wird der Kalender so:
6u3nvw4i.png


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?!
 
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
 
HansDampf38 schrieb:
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:
Ich habe es sowohl im IE 8, wie auch im FF 3.6 probiert und beides klappt.
 
Zurück
Oben