Phiên bản đầy đủ: jsB@nk » Thời gian » Lịch » Lịch có chú thích
URL: https://www.javascriptbank.com/calender-with-notes-script.html
Hiệu ứng tạo một tờ lịch tháng có ghi các chú thích.
Phiên bản đầy đủ: jsB@nk » Thời gian » Lịch » Lịch có chú thích
URL: https://www.javascriptbank.com/calender-with-notes-script.html
<script language="Javascript" type="text/javascript"><!-- Hide script from old browsersdayInfo = new ArraydayInfo[1] = "Embark in Honolulu"dayInfo[2] = "Hilo"dayInfo[4] = "Fanning Island"dayInfo[6] = " Maui"dayInfo[7] = "Kauai\rTodd's Birthday"dayInfo[8] = "Disembark in Honolulu\rFly back to CA"dayInfo[13] = "Last day of school"dayInfo[15] = "Father's Day\rOpen mike readings"dayInfo[17] = "NCMUG meeting"dayInfo[20] = "3rd Friday Book Club\rCarol and Bob's anniversary"dayInfo[25] = "Parent's anniversary"dayInfo[27] = "Howard's Birthday"function showInfo(thisDay) {document.calendar.dateInfo.value = dayInfo[thisDay]}// End hiding script from old browsers --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<table cellspacing="2" cellpadding="2" align="left" width=50%><tr><th colspan="7">June 2003</th><td rowspan="6"> </td></tr><tr align="right"><td><a href="javascript:showInfo(1)">1</a></td><td><a href="javascript:showInfo(2)">2</a></td><td>3</td><td><a href="javascript:showInfo(4)">4</a></td><td>5</td><td><a href="javascript:showInfo(6)">6</a></td><td><a href="javascript:showInfo(7)">7</a></td></tr><tr align="right"><td><a href="javascript:showInfo(8)">8</a></td><td>9</td><td>10</td><td>11</td><td>12</td><td><a href="javascript:showInfo(13)">13</a></td><td>14</td></tr><tr align="right"><td><a href="javascript:showInfo(15)">15</a></td><td>16</td><td><a href="javascript:showInfo(17)">17</a></td><td>18</td><td>19</td><td><a href="javascript:showInfo(20)">20</a></td><td>21</td></tr><tr align="right"><td>22</td><td>23</td><td>24</td><td><a href="javascript:showInfo(25)">25</a></td><td>26</td><td><a href="javascript:showInfo(27)">27</a></td><td>28</td></tr><tr align="right"><td>29</td><td colspan="6" align="left">30</td></tr></table><form name="calendar" action="#"><textarea rows="7" cols="30" name="dateInfo" readonly="readonly">Click on any underlined day to see what's happening then</textarea></form><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->