www.webdeveloper.com
Results 1 to 4 of 4

Thread: Calender - this day bgcolor and font color

  1. #1
    Join Date
    Feb 2010
    Posts
    31

    Calender - this day bgcolor and font color

    I want the thisday bgcolor to be #D7000 and thisday font color to be white and bold. I tried several options but can't get it right. Attached please find the code that I'm using. Hope someone can help me.
    Attached Files Attached Files

  2. #2
    Join Date
    Jun 2004
    Location
    Portsmouth UK
    Posts
    2,667
    Code:
    document.write("<font color='#D70000'><strong>");
    Vic

    God loves you and will never love you less.

    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Feb 2010
    Posts
    31
    Hi Vic
    I want the back ground color of "thisday" to be = '#D70000' and the "thisday" date to be = to white (bold)

  4. #4
    Join Date
    Jun 2004
    Location
    Portsmouth UK
    Posts
    2,667
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    </head>
    
    <body>
    <script LANGUAGE="JavaScript">
    
    <!-- Begin
    monthnames = new Array(
    "January",
    "Februrary",
    "March",
    "April",
    "May",
    "June",
    "July",
    "August",
    "September",
    "October",
    "November",
    "Decemeber");
    var linkcount=0;
    function addlink(month, day, href) {
    var entry = new Array(3);
    entry[0] = month;
    entry[1] = day;
    entry[2] = href;
    this[linkcount++] = entry;
    }
    Array.prototype.addlink = addlink;
    linkdays = new Array();
    monthdays = new Array(12);
    monthdays[0]=31;
    monthdays[1]=28;
    monthdays[2]=31;
    monthdays[3]=30;
    monthdays[4]=31;
    monthdays[5]=30;
    monthdays[6]=31;
    monthdays[7]=31;
    monthdays[8]=30;
    monthdays[9]=31;
    monthdays[10]=30;
    monthdays[11]=31;
    todayDate=new Date();
    thisday=todayDate.getDay();
    thismonth=todayDate.getMonth();
    thisdate=todayDate.getDate();
    thisyear=todayDate.getYear();
    thisyear = thisyear % 100;
    thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
    if (((thisyear % 4 == 0)
    && !(thisyear % 100 == 0))
    ||(thisyear % 400 == 0)) monthdays[1]++;
    startspaces=thisdate;
    while (startspaces > 7) startspaces-=7;
    startspaces = thisday - startspaces + 1;
    if (startspaces < 0) startspaces+=7;
    document.write("<table border=2 bgcolor=white ");
    document.write("bordercolor='D70000'><font color=black>");
    document.write("<tr><td colspan=7><center><strong>"
    + monthnames[thismonth] + " " + thisyear
    + "</strong></center></font></td></tr>");
    document.write("<tr>");
    document.write("<td align=center>Su</td>");
    document.write("<td align=center>M</td>");
    document.write("<td align=center>Tu</td>");
    document.write("<td align=center>W</td>");
    document.write("<td align=center>Th</td>");
    document.write("<td align=center>F</td>");
    document.write("<td align=center>Sa</td>");
    document.write("</tr>");
    document.write("<tr>");
    for (s=0;s<startspaces;s++) {
    document.write("<td> </td>");
    }
    count=1;
    while (count <= monthdays[thismonth]) {
    for (b = startspaces;b<7;b++) {
    linktrue=false;
    document.write("<td style='background-Color:"+(count!=thisdate?'#FFFFFF':'#D70000')+";color:"+(count!=thisdate?'black':'white')+";font-Weight:"+(count!=thisdate?'normal':'bold')+";' >");
    for (c=0;c<linkdays.length;c++) {
    if (linkdays[c] != null) {
    if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
    document.write("<a href=\"" + linkdays[c][2] + "\">");
    linktrue=true;
          }
       }
    }
    if (count <= monthdays[thismonth]) {
    document.write(count);
    }
    else {
    document.write(" ");
    }
    if (linktrue)
    document.write("</a>");
    document.write("</td>");
    count++;
    }
    document.write("</tr>");
    document.write("<tr>");
    startspaces=0;
    }
    document.write("</table></p>");
    // End -->
    </script>
    
    </body>
    
    </html>
    Vic

    God loves you and will never love you less.

    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles