Back To Programming / Scripting / Coding Forum

Help me for a dynamic calendar

  • alrofaee
  • Novice
  • Novice
  • No Avatar
  • Joined: Jun 17, 2007
  • Posts: 18
  • Status: Offline

Post May 1st, 2008, 8:43 pm

Hi everyone

I have a problem with my dynamic calendar so I have to create two drop down menus the first is the first day of the month, the second menu is for the number of days. when I click on the "create calendar" button, I will get the calendar that I chose before. Moreover, when I click on a cell, it would be changed and the table style is same as zebra. I made the html and JavaScript, but it doesn't work.

This is a flash file which explain what I exactly I want :

http://www.alrofaeegraphics.com/Talal/D ... endar9.swf

This is my code:

Code: [ Download ] [ Select ]
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dynamic Calendar</title>
<style>
      *{
         padding:0;
         margin: 0;
      }
      html, body{
         text-align:center;
      }
      #wrapper{
         background-color:#fff;
         width: 750px;
         margin: 1px auto;
         text-align:left;
      }
      h1{
         color:#000000;
         font-family:Georgia, "Times New Roman", Times, serif;
         font-size:14px;
      }
       
      h2{
         color:#000000;
         font-family:Georgia, "Times New Roman", Times, serif;
         font-size:12px;
         text-align:center;
      }
       
      /* Default styles for form tags */
      form{
         margin: 20px;
         width: 600px;
         border: 1px solid #000;
         padding: 15px;
      }
      fieldset{
         /* the line around the form fields */
         color:#666;
         background-color:#eee;
         padding:12px;
      }
      legend{
         /* this is the label on top of the fieldset line */
         color:#000000;
         font-family:Georgia, "Times New Roman", Times, serif;
         font-size:14px;
         padding: 0 1em;
         margin:0 2em;
      }
      input, select, textarea{
         color:#000000;
         font-family:Georgia, "Times New Roman", Times, serif;
         font-size:14px;
         padding: 2px;
         vertical-align:middle;
      }
      optgroup{
         
      }
      option{
         padding-left:15px;
      }
      label{
         color:#000000;
         font-family:Georgia, "Times New Roman", Times, serif;
         font-size:14px;
         display: inline;
      }
      /* structural styles to control positioning of form elements */
      .FBox{
         /* formBox can be a div or a list item ... you choose what you feel is most appropriate */
         display:block;
         margin:4px;
      }
      .FBox label{
         /* style for label on top of field */
         display: block;
         padding:4px 0 3px 0;
      }
      .FBox input, .FBox select, .FBox textarea{
         /* Use margins instead of padding here. padding will create space inside the border of the input field */
         margin: 3px 0 4px 0;
      }
       
      /* The styles for the grouped radio buttons */
      .groupChoices{
         /* use this next line to create space for the main label to the left of all the choices */
         margin-left: 100px;
         overflow:hidden;
      }
      .fieldgroup{
         width: 120px;
         height:2em;
         float:left;
      }
      fieldset label.main{
         /* style for label to the left of the field */
         float:left;
         width:150px;
      }
      .fieldgroup label{
         /* style for label to the left of the field */
         display:inline;
      }
      .fieldgroup input{
         /* style for the labels and radio buttons beside each other */
         display:inline;
      }
       
      /* styles for sizing form elements */
      input.narrow, select.narrow, textarea.narrow{
         width: 50px;
      }
      input.mid, select.mid, textarea.mid{
         width: 150px;
      }
      input.wide, select.wide, textarea.wide{
         width: 300px;
      }
      input.xtrawide, select.xtrawide, textarea.xtrawide{
         width: 400px;
      }
      input.chk{
         /* special styles for checkboxes and radio buttons */
         width:auto;
      }
      input.btn{
         /* special styles for buttons */
         width:auto;
      }
       
      /* special effects */
      input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus{
         background-color:#fc0;
         outline:1px dotted #f90;
      }
   </style>
   
   <script type="text/javascript">
   
   var objPrevElement = new Object();
 
function fToggleColor(myElement) {
var toggleColor = "#ff0000";
if (myElement.id == "calDateText") {
if (myElement.color == toggleColor) {
myElement.color = "";
} else {
myElement.color = toggleColor;
   }
} else if (myElement.id == "calCell") {
for (var i in myElement.children) {
if (myElement.children[i].id == "calDateText") {
if (myElement.children[i].color == toggleColor) {
myElement.children[i].color = "";
} else {
myElement.children[i].color = toggleColor;
            }
         }
      }
   }
}
function fSetSelectedDay(myElement){
if (myElement.id == "calCell") {
if (!isNaN(parseInt(myElement.children["calDateText"].innerText))) {
myElement.bgColor = "#c0c0c0";
objPrevElement.bgColor = "";
document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);
objPrevElement = myElement;
      }
   }
}
function fGetDaysInMonth(iMonth, iYear) {
var dPrevDate = new Date(iYear, iMonth, 0);
return dPrevDate.getDate();
}
function fBuildCal(iYear, iMonth, iDayStyle) {
var aMonth = new Array();
aMonth[0] = new Array(7);
aMonth[1] = new Array(7);
aMonth[2] = new Array(7);
aMonth[3] = new Array(7);
aMonth[4] = new Array(7);
aMonth[5] = new Array(7);
aMonth[6] = new Array(7);
var dCalDate = new Date(iYear, iMonth-1, 1);
var iDayOfFirst = dCalDate.getDay();
var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);
var iVarDate = 1;
var i, d, w;
if (iDayStyle == 2) {
aMonth[0][0] = "Sunday";
aMonth[0][1] = "Monday";
aMonth[0][2] = "Tuesday";
aMonth[0][3] = "Wednesday";
aMonth[0][4] = "Thursday";
aMonth[0][5] = "Friday";
aMonth[0][6] = "Saturday";
} else if (iDayStyle == 1) {
aMonth[0][0] = "Sun";
aMonth[0][1] = "Mon";
aMonth[0][2] = "Tue";
aMonth[0][3] = "Wed";
aMonth[0][4] = "Thu";
aMonth[0][5] = "Fri";
aMonth[0][6] = "Sat";
} else {
aMonth[0][0] = "Su";
aMonth[0][1] = "Mo";
aMonth[0][2] = "Tu";
aMonth[0][3] = "We";
aMonth[0][4] = "Th";
aMonth[0][5] = "Fr";
aMonth[0][6] = "Sa";
}
for (d = iDayOfFirst; d < 7; d++) {
aMonth[1][d] = iVarDate;
iVarDate++;
}
for (w = 2; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (iVarDate <= iDaysInMonth) {
aMonth[w][d] = iVarDate;
iVarDate++;
      }
   }
}
return aMonth;
}
function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle) {
var myMonth;
myMonth = fBuildCal(iYear, iMonth, iDayStyle);
document.write("<table border='1'>")
document.write("<tr>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][0] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][1] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][2] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][3] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][4] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][5] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][6] + "</td>");
document.write("</tr>");
for (w = 1; w < 7; w++) {
document.write("<tr>")
for (d = 0; d < 7; d++) {
document.write("<td align='left' valign='top' width='" + iCellWidth + "' height='" + iCellHeight + "' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
if (!isNaN(myMonth[w][d])) {
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>" + myMonth[w][d] + "</font>");
} else {
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
}
function fUpdateCal(iYear, iMonth) {
myMonth = fBuildCal(iYear, iMonth);
objPrevElement.bgColor = "";
document.all.calSelectedDate.value = "";
for (w = 1; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (!isNaN(myMonth[w][d])) {
calDateText[((7*w)+d)-7].innerText = myMonth[w][d];
} else {
calDateText[((7*w)+d)-7].innerText = " ";
         }
      }
   }
}
   
   </script>
</head>
 
<body>
   <div id="wrapper">
      <div id="form">
            <form name="CalendarForm" id="CalendarForm" action="#" method="" enctype="">
                   
                  <h1>Dynamic Calendar</h1>
                  <div class="FBox">
                   <label>First Day: </label>
                    <select name="FirstDay" id="FirstDay" class="wide">
                             <option value="Sunday">Sunday</option>
                            <option value="Monday">Monday</option>
                            <option value="Tuesday">Tuesday</option>
                            <option value="Wednesday">Wednesday</option>
                            <option value="Thursday">Thursday</option>
                            <option value="Friday">Friday</option>
                            <option value="Saturday">Saturday</option>
                    </select>
                </div>
             
            <div class="FBox">
                   <label>Number of Days: </label>
                    <select name="NumberDays" id="NumberDays" class="wide">
                             <option value="31">31</option>
                            <option value="30">30</option>
                            <option value="29">29</option>
                            <option value="28">28</option>
                    </select>
                </div>
             
            <div class="FBox">
                   <input type="submit" name="CreateCalenda" id="btnCC" value="Create Calenda" />
                </div>
            <h2>Click on a day to highlight it.</h2>
            <table width="100%" border="1">
                  <tr>
                    <td>Sunday</td>
                    <td>Monday</td>
                    <td>Tuesday</td>
                    <td>Wednesday</td>
                    <td>Thursday</td>
                    <td>Friday</td>
                    <td>Saturday</td>
                  </tr>
                </table>
            <p>&nbsp;</p>
            </form>
   
      </div>
   
   </div>
 
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Dynamic Calendar</title>
  6. <style>
  7.       *{
  8.          padding:0;
  9.          margin: 0;
  10.       }
  11.       html, body{
  12.          text-align:center;
  13.       }
  14.       #wrapper{
  15.          background-color:#fff;
  16.          width: 750px;
  17.          margin: 1px auto;
  18.          text-align:left;
  19.       }
  20.       h1{
  21.          color:#000000;
  22.          font-family:Georgia, "Times New Roman", Times, serif;
  23.          font-size:14px;
  24.       }
  25.        
  26.       h2{
  27.          color:#000000;
  28.          font-family:Georgia, "Times New Roman", Times, serif;
  29.          font-size:12px;
  30.          text-align:center;
  31.       }
  32.        
  33.       /* Default styles for form tags */
  34.       form{
  35.          margin: 20px;
  36.          width: 600px;
  37.          border: 1px solid #000;
  38.          padding: 15px;
  39.       }
  40.       fieldset{
  41.          /* the line around the form fields */
  42.          color:#666;
  43.          background-color:#eee;
  44.          padding:12px;
  45.       }
  46.       legend{
  47.          /* this is the label on top of the fieldset line */
  48.          color:#000000;
  49.          font-family:Georgia, "Times New Roman", Times, serif;
  50.          font-size:14px;
  51.          padding: 0 1em;
  52.          margin:0 2em;
  53.       }
  54.       input, select, textarea{
  55.          color:#000000;
  56.          font-family:Georgia, "Times New Roman", Times, serif;
  57.          font-size:14px;
  58.          padding: 2px;
  59.          vertical-align:middle;
  60.       }
  61.       optgroup{
  62.          
  63.       }
  64.       option{
  65.          padding-left:15px;
  66.       }
  67.       label{
  68.          color:#000000;
  69.          font-family:Georgia, "Times New Roman", Times, serif;
  70.          font-size:14px;
  71.          display: inline;
  72.       }
  73.       /* structural styles to control positioning of form elements */
  74.       .FBox{
  75.          /* formBox can be a div or a list item ... you choose what you feel is most appropriate */
  76.          display:block;
  77.          margin:4px;
  78.       }
  79.       .FBox label{
  80.          /* style for label on top of field */
  81.          display: block;
  82.          padding:4px 0 3px 0;
  83.       }
  84.       .FBox input, .FBox select, .FBox textarea{
  85.          /* Use margins instead of padding here. padding will create space inside the border of the input field */
  86.          margin: 3px 0 4px 0;
  87.       }
  88.        
  89.       /* The styles for the grouped radio buttons */
  90.       .groupChoices{
  91.          /* use this next line to create space for the main label to the left of all the choices */
  92.          margin-left: 100px;
  93.          overflow:hidden;
  94.       }
  95.       .fieldgroup{
  96.          width: 120px;
  97.          height:2em;
  98.          float:left;
  99.       }
  100.       fieldset label.main{
  101.          /* style for label to the left of the field */
  102.          float:left;
  103.          width:150px;
  104.       }
  105.       .fieldgroup label{
  106.          /* style for label to the left of the field */
  107.          display:inline;
  108.       }
  109.       .fieldgroup input{
  110.          /* style for the labels and radio buttons beside each other */
  111.          display:inline;
  112.       }
  113.        
  114.       /* styles for sizing form elements */
  115.       input.narrow, select.narrow, textarea.narrow{
  116.          width: 50px;
  117.       }
  118.       input.mid, select.mid, textarea.mid{
  119.          width: 150px;
  120.       }
  121.       input.wide, select.wide, textarea.wide{
  122.          width: 300px;
  123.       }
  124.       input.xtrawide, select.xtrawide, textarea.xtrawide{
  125.          width: 400px;
  126.       }
  127.       input.chk{
  128.          /* special styles for checkboxes and radio buttons */
  129.          width:auto;
  130.       }
  131.       input.btn{
  132.          /* special styles for buttons */
  133.          width:auto;
  134.       }
  135.        
  136.       /* special effects */
  137.       input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus{
  138.          background-color:#fc0;
  139.          outline:1px dotted #f90;
  140.       }
  141.    </style>
  142.    
  143.    <script type="text/javascript">
  144.    
  145.    var objPrevElement = new Object();
  146.  
  147. function fToggleColor(myElement) {
  148. var toggleColor = "#ff0000";
  149. if (myElement.id == "calDateText") {
  150. if (myElement.color == toggleColor) {
  151. myElement.color = "";
  152. } else {
  153. myElement.color = toggleColor;
  154.    }
  155. } else if (myElement.id == "calCell") {
  156. for (var i in myElement.children) {
  157. if (myElement.children[i].id == "calDateText") {
  158. if (myElement.children[i].color == toggleColor) {
  159. myElement.children[i].color = "";
  160. } else {
  161. myElement.children[i].color = toggleColor;
  162.             }
  163.          }
  164.       }
  165.    }
  166. }
  167. function fSetSelectedDay(myElement){
  168. if (myElement.id == "calCell") {
  169. if (!isNaN(parseInt(myElement.children["calDateText"].innerText))) {
  170. myElement.bgColor = "#c0c0c0";
  171. objPrevElement.bgColor = "";
  172. document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);
  173. objPrevElement = myElement;
  174.       }
  175.    }
  176. }
  177. function fGetDaysInMonth(iMonth, iYear) {
  178. var dPrevDate = new Date(iYear, iMonth, 0);
  179. return dPrevDate.getDate();
  180. }
  181. function fBuildCal(iYear, iMonth, iDayStyle) {
  182. var aMonth = new Array();
  183. aMonth[0] = new Array(7);
  184. aMonth[1] = new Array(7);
  185. aMonth[2] = new Array(7);
  186. aMonth[3] = new Array(7);
  187. aMonth[4] = new Array(7);
  188. aMonth[5] = new Array(7);
  189. aMonth[6] = new Array(7);
  190. var dCalDate = new Date(iYear, iMonth-1, 1);
  191. var iDayOfFirst = dCalDate.getDay();
  192. var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);
  193. var iVarDate = 1;
  194. var i, d, w;
  195. if (iDayStyle == 2) {
  196. aMonth[0][0] = "Sunday";
  197. aMonth[0][1] = "Monday";
  198. aMonth[0][2] = "Tuesday";
  199. aMonth[0][3] = "Wednesday";
  200. aMonth[0][4] = "Thursday";
  201. aMonth[0][5] = "Friday";
  202. aMonth[0][6] = "Saturday";
  203. } else if (iDayStyle == 1) {
  204. aMonth[0][0] = "Sun";
  205. aMonth[0][1] = "Mon";
  206. aMonth[0][2] = "Tue";
  207. aMonth[0][3] = "Wed";
  208. aMonth[0][4] = "Thu";
  209. aMonth[0][5] = "Fri";
  210. aMonth[0][6] = "Sat";
  211. } else {
  212. aMonth[0][0] = "Su";
  213. aMonth[0][1] = "Mo";
  214. aMonth[0][2] = "Tu";
  215. aMonth[0][3] = "We";
  216. aMonth[0][4] = "Th";
  217. aMonth[0][5] = "Fr";
  218. aMonth[0][6] = "Sa";
  219. }
  220. for (d = iDayOfFirst; d < 7; d++) {
  221. aMonth[1][d] = iVarDate;
  222. iVarDate++;
  223. }
  224. for (w = 2; w < 7; w++) {
  225. for (d = 0; d < 7; d++) {
  226. if (iVarDate <= iDaysInMonth) {
  227. aMonth[w][d] = iVarDate;
  228. iVarDate++;
  229.       }
  230.    }
  231. }
  232. return aMonth;
  233. }
  234. function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle) {
  235. var myMonth;
  236. myMonth = fBuildCal(iYear, iMonth, iDayStyle);
  237. document.write("<table border='1'>")
  238. document.write("<tr>");
  239. document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][0] + "</td>");
  240. document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][1] + "</td>");
  241. document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][2] + "</td>");
  242. document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][3] + "</td>");
  243. document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][4] + "</td>");
  244. document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][5] + "</td>");
  245. document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][6] + "</td>");
  246. document.write("</tr>");
  247. for (w = 1; w < 7; w++) {
  248. document.write("<tr>")
  249. for (d = 0; d < 7; d++) {
  250. document.write("<td align='left' valign='top' width='" + iCellWidth + "' height='" + iCellHeight + "' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
  251. if (!isNaN(myMonth[w][d])) {
  252. document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>" + myMonth[w][d] + "</font>");
  253. } else {
  254. document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");
  255. }
  256. document.write("</td>")
  257. }
  258. document.write("</tr>");
  259. }
  260. document.write("</table>")
  261. }
  262. function fUpdateCal(iYear, iMonth) {
  263. myMonth = fBuildCal(iYear, iMonth);
  264. objPrevElement.bgColor = "";
  265. document.all.calSelectedDate.value = "";
  266. for (w = 1; w < 7; w++) {
  267. for (d = 0; d < 7; d++) {
  268. if (!isNaN(myMonth[w][d])) {
  269. calDateText[((7*w)+d)-7].innerText = myMonth[w][d];
  270. } else {
  271. calDateText[((7*w)+d)-7].innerText = " ";
  272.          }
  273.       }
  274.    }
  275. }
  276.    
  277.    </script>
  278. </head>
  279.  
  280. <body>
  281.    <div id="wrapper">
  282.       <div id="form">
  283.             <form name="CalendarForm" id="CalendarForm" action="#" method="" enctype="">
  284.                    
  285.                   <h1>Dynamic Calendar</h1>
  286.                   <div class="FBox">
  287.                    <label>First Day: </label>
  288.                     <select name="FirstDay" id="FirstDay" class="wide">
  289.                              <option value="Sunday">Sunday</option>
  290.                             <option value="Monday">Monday</option>
  291.                             <option value="Tuesday">Tuesday</option>
  292.                             <option value="Wednesday">Wednesday</option>
  293.                             <option value="Thursday">Thursday</option>
  294.                             <option value="Friday">Friday</option>
  295.                             <option value="Saturday">Saturday</option>
  296.                     </select>
  297.                 </div>
  298.              
  299.             <div class="FBox">
  300.                    <label>Number of Days: </label>
  301.                     <select name="NumberDays" id="NumberDays" class="wide">
  302.                              <option value="31">31</option>
  303.                             <option value="30">30</option>
  304.                             <option value="29">29</option>
  305.                             <option value="28">28</option>
  306.                     </select>
  307.                 </div>
  308.              
  309.             <div class="FBox">
  310.                    <input type="submit" name="CreateCalenda" id="btnCC" value="Create Calenda" />
  311.                 </div>
  312.             <h2>Click on a day to highlight it.</h2>
  313.             <table width="100%" border="1">
  314.                   <tr>
  315.                     <td>Sunday</td>
  316.                     <td>Monday</td>
  317.                     <td>Tuesday</td>
  318.                     <td>Wednesday</td>
  319.                     <td>Thursday</td>
  320.                     <td>Friday</td>
  321.                     <td>Saturday</td>
  322.                   </tr>
  323.                 </table>
  324.             <p>&nbsp;</p>
  325.             </form>
  326.    
  327.       </div>
  328.    
  329.    </div>
  330.  
  331. </body>
  332. </html>


Can anyone help me with this code?
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post May 1st, 2008, 8:43 pm

  • alrofaee
  • Novice
  • Novice
  • No Avatar
  • Joined: Jun 17, 2007
  • Posts: 18
  • Status: Offline

Post May 7th, 2008, 5:52 am

Please, any help?

Page 1 of 1

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: spork and 164 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© Unmelted Enterprises 1998-2009. Driven by phpBB © 2001-2009 phpBB Group.