日程表如何添加行程?(新手)(頁 1) - JavaScript 討論 - jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化

chiuwa 發表於 2014-12-2 22:21

日程表如何添加行程?(新手)

新手試用javascript做了一個日程表,
但發現添加行程永遠只會加於第一日,
並改了日期內容
但我想要的是在日期格顯示到每日行程
請各位師兄幫忙解答
先行謝過[code]<html>
<head>
<title>JavaScript</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
      #Header
      {
         height: 20px;

      color:#FF00FF;
         font-size: 12px;
      }
      #LDay td
      {
width: 600px;
height: 30px;
text-align: mid;
      color:#FF00FF;
font-size: 15px;
      }
      #LBody td
      {
         width: 600px;
         height: 30px;
         text-align: center;
         font-size: 15px;
         color:#FF00FF;
         font-weight: bold;
      }
</style>
</head>
<script type="text/javascript">

function messageBox(id) {

   var message = prompt("Please enter your Event!", id);

if (message != null) {
        document.getElementById(id).innerHTML =
        message;
}
}
function calendar() {
      var today = new Date();

      var year = today.getFullYear();
      var month = today.getMonth() + 1;
var day = today.getDate();


      var startDay = new Date(year, month - 1, 1).getDay();


      var nDays = new Date(year, month, 0).getDate();


      var numRow = 0;
      var i;
      var html = '';
      html += '<table id="Body" width="1000" height="600" border="1"><tbody>';

      html += '<tr>';

      for (i = 0; i < startDay; i++) {
         html += '<td></td>';
         numRow++;
      }

      for (var j = 1; j <= nDays; j++) {

         if (j == day) {
            html += '<td id="day" style="color:red" onclick="messageBox(this.id)">';
            html += j;
         }
         else {
            html += '<td id="day" onclick="messageBox(this.id)">';
            html += j;
         }
         html += '</td>';
         numRow++;
         if (numRow == 7) {
            numRow = 0;
            html += '</tr><tr>';
         }
      }

      html += '</tbody></table>';
      document.getElementById("Container").innerHTML = html;
}
</script>
<body onLoad="calendar()">
<table id="Calendar" width="1000">
      <tr>
         <td height="20" bgcolor="#78b3ed" width="1000">
            <table id="LHeader" height="21" width="1000">
                  <tbody>
                     <tr align="left">
                        <td align="left" width="1000"><</td>
                        <td align="left">
                              <span id="showDate">2014.12</span>
                        </td>
                        <td align="left" width="1000">></td>
                     </tr>
                  </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td height="50">
            <table id="LDay" bgcolor="#e7f1fd">
                  <tbody>
                     <tr>
                        <td>日</td>
                        <td>一</td>
                        <td>二</td>
                        <td>三</td>
                        <td>四</td>
                        <td>五</td>
                        <td>六</td>
                     </tr>
                  </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td height="200" width="1000" id="Container">
         </td>
      </tr>
</table>

</body>
</html>
[/code]

wmh 發表於 2014-12-3 10:24

問題在於每個產生的格子的 id 都重複，只要避免重複即可。

chiuwa 發表於 2014-12-7 22:41

[b]回復 [url=http://jsgears.com/redirect.php?goto=findpost&pid=4905&ptid=3282]2#[/url] [i]wmh[/i] [/b]

可是格子的 id是for loop出來的,如何loop出來的同時又可以為她定ID?
謝回答

wmh 發表於 2014-12-8 21:15

for 有個 counter 會不斷遞增，可以善用這個值來做。

頁: [1]

jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

日程表如何添加行程?(新手)