javascript - Why are extra cells being added to my calendar between the days of the week? -

-

so javascript course, our book walks through creation of calendar. thought copied appeared in book, maybe not. reason, blank cells being inserted between names of days of week. should not happen. doing wrong?

this full script:

<html>     <head>         <title>web 240 assignment 3</title>         <style type="text/css">             table {                 background: #ccc;                 border: 1px solid #999;                 padding: 3px;             }             #calendar_head {                 background: red;                 color: white;                 font-weight: bold;                 text-align: center;             }             .calendar_weekdays {                 background: white;                 border-bottom: 5px solid #ccc;                 font-weight: bold;             }             .calendar_dates {                 background: white;                 padding: 5px 25px 10px 5px;             }         </style>         <script type="text/javascript">             function calendar(){                  document.write('<table id="calendar_table">');                  var caldate = new date();                 writecaltitle(caldate);                 writedaynames();                 writecaldays(caldate);                  document.write('</table>');             }             function writecaltitle(calendarday){                  var monthname = new array("january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december");                  var thismonth = calendarday.getmonth();                 var thisyear = calendarday.getfullyear();                  document.write("<tr>");                 document.write('<th id="calendar_head" colspan="7">');                 document.write(monthname[thismonth] + " " + thisyear);                 document.write('</th>');                 document.write('</tr>');             }              function writedaynames(){                  var dayname = new array("sun", "mon", "tue", "wed", "thu", "fri", "sat");                 document.write('<tr>');                  for(var = 0; < dayname.length; i++){                      document.write('<th class="calendar_weekdays">' + dayname[i] + "<th>");                  }                  document.write("</tr>");              }              function daysinmonth(calendarday){                  var thisyear = calendarday.getfullyear();                 var thismonth = calendarday.getmonth();                 var daycount = new array(31, 28, 31, 30, 31, 30, 31,31, 30, 31, 30, 31);                  if(thisyear % 4 == 0){                      if((thisyear % 100 != 0) || (thisyear % 400 == 0)){                          daycount[1] = 29;                      }                  }                  return daycount[thismonth];              }              function writecaldays(calendarday){                  var daycount = 1;                 var totaldays = daysinmonth(calendarday);                  calendarday.setdate(1);                 var weekday = calendarday.getday();                  document.write('<tr>');                 for(var = 0; < weekday; i++){                      document.write('<td></td>');                  }                  while(daycount <= totaldays){                      if(weekday == 0) document.write('<tr>');                     document.write('<td class="calendar_dates">' + daycount + "</td>");                     if(weekday == 6) document.write('</tr>');                      daycount++;                     calendarday.setdate(daycount);                     weekday = calendarday.getday();                  }              }         </script>      </head>     <body>         <script type="text/javascript">calendar();</script>     </body> </html>

this output: http://imgur.com/bzdxm1r

thanks time!


Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5&quo
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name&qu
Read more

javascript - Chrome Extension: Interacting with iframe embedded within popup -

-
i writing chrome extension needs interact urls user not have open. therefore using hidden iframes embedded within popup, , attempting click button within iframe. however, receiving same origin policy error. know possible extension interact iframes of different domain via content scripts when iframe on tab user has open, not sure if possible use content scripts interact iframes directly in popup. here code: manifest.json "content_scripts": [ { "js": [ "bin/jquery.min.js", "interaction.js" ], "all_frames": true, "run_at": "document_start", "matches": [ "http://*/*", "https://*/*" ] }], "permissions": [ "activetab", "tabs", "http://*/", "https://*/" ], interaction.js $(document).ready(function() { $('div#iframes').append("<iframe id='shop' src=
Read more