I have the code for a javascript calendar and it works perfectly as it creates it when the page loads. However I was wondering if it s possible to add events to it. I found a plugin (jQuery) that enables the user to hover over a td with class "event" and an event will be displayed. So since this calendar will not be used by me but by someone else who knows nothing about developing I was wondering if there is a way to make a php file or upload or something so she can upload the event. I mean, let s say she wants an event on the 3rd then she uploads a file php reads it and tells javascript to add the class "event" that date and jQuery does the rest. Is it possible? I can t even figure out how to do it and I really hope I explained myself. Here s my javascript btw.

function buildCal(){
    var d = new Date();
    var month = d.getMonth()+1;
    var year = d.getFullYear();
    var monthName=[ Enero , Febrero , Marzo , Abril , Mayo , Junio , Julio , Agosto , Septiembre , Octubre , Noviembre , Diciembre ];
    var daysInMonth=[31,0,31,30,31,30,31,31,30,31,30,31];

    var objectDay = new Date(year, month-1, 1); //fix date bug when current day is 31st
    objectDay.od=objectDay.getDay()+1; //fix date bug when current day is 31st

    var todaydate=new Date() 
    var scanfortoday=(year==todaydate.getFullYear() && month==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added

    daysInMonth[1]=(((objectDay.getFullYear()%100!=0)&&(objectDay.getFullYear()%4==0))||(objectDay.getFullYear()%400==0))?29:28;

    var t= <div class="main"><table class="main" cols="7" cellpadding="0" border="0" cellspacing="0"> ;
    t+= <h3 class="monthCSS" align="center"> +monthName[month-1]+  -  +year+ </h3><tr align="center"> ;


    for(s=0;s<7;s++)t+= <td class="daysofweek"> +"DoLuMaMiJuViSa".substr(s*2,2)+ </td> ;

    t+= </tr><tr align="center"> ;
    for(i=2;i<=42;i++){
        var x=((i-objectDay.od>=0)&&(i-objectDay.od<daysInMonth[month-1]))? i-objectDay.od+1 :  &nbsp; ;
            if (x==scanfortoday)
                x= <td class="today"> +x+ </td> 
            t+= <td class="days"> +x+ </td> ;
        if(((i)%7==0)&&(i<36))t+= </tr><tr align="center"> ;
    }
    return t+= </tr></table></div> ;
}

Something else, as you can see here, it adds blankspaces until it gets to an actual date. I was trying to make it check if(x was not a number) then add a td class="padding" however to do this I was trying to use x.match(/[0-9]+/) but it didn t seem to work and it would also be the first time I try to use regex with javascript would anyone know why is that wrong? or how to actually check for it?

Edit

Something odd is happening with this script and I don t know why, I tried to change from

t+= <td class="days"> +x+ </td> ;

to

t+= <td class="days  + x + "> +x+ </td> ;

这样我可以选择每个td，但是当我这样做时，会生成一个新的包含td的td。

<td id="days&lt;td class=" today="">1</td>

I have NO idea why this happens, I just know it is messing with the code because afterwards I get a "> printed (because of quotes mis-match caused by this new td...why is this happening?