Phiên bản đầy đủ: jsB@nk » Ứng dụng » Công cụ xuất » Tạo lịch có chú thích
URL: https://www.javascriptbank.com/calender-generator-script.html
Hiệu ứng có thể dùng để tạo một tờ lịch tháng có chú thích.
Phiên bản đầy đủ: jsB@nk » Ứng dụng » Công cụ xuất » Tạo lịch có chú thích
URL: https://www.javascriptbank.com/calender-generator-script.html
<script language="JavaScript">function make(){var days = new Array("","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");for(i=0; i<9; i++) {if(window.document.calendar_form.font1[i].checked == true) var font1 = window.document.calendar_form.font1[i].value }for(i=0; i<9; i++) {if(window.document.calendar_form.font2[i].checked == true) var font2 = window.document.calendar_form.font2[i].value }var code = "";code += "<html><head><title>";code += window.document.calendar_form.name.value;code += "Events in ";var month = window.document.calendar_form.which_month.options[window.document.calendar_form.which_month.selectedIndex].text;code += month;code += " ";code += window.document.calendar_form.year.value;code += "</title></head>\n<body bgcolor=\"";code += window.document.calendar_form.color1.value;code += "\">\n";code += "<center>";code += "<p><font size=\"8pt\" color=\"#";code += window.document.calendar_form.color2.value;code += "\" face=\"" + font1 + "," + font2 + "\">";code += window.document.calendar_form.name.value;code += "<br>\n";code += month;code += " ";code += window.document.calendar_form.year.value;code += "<br>\n";code += window.document.calendar_form.prod.value;code += " Events</font></p>\n";code += "<p><font size=\"3pt\" color=\"#";code += window.document.calendar_form.color2.value;code += "\" face=\"" + font1 + "," + font2 + "\"><a href=\"";code += window.document.calendar_form.sect.value;code +="\">Return to Area Home Page</a> ¦¦ <a href=\"";code += window.document.calendar_form.home.value;code += "\">Return to Site Home Page</a></font></p>\n";code += "<table width=\"100%\" cellpadding=\"3\" cellspacing=\"1\" border=\"2\" bgcolor=\"#";code += window.document.calendar_form.color3.value;code += "\">\n";var num_of_days = parseInt(window.document.calendar_form.how_many_days.options[window.document.calendar_form.how_many_days.selectedIndex].text);var loop = 0;var day_loop = window.document.calendar_form.which_day.selectedIndex;while(loop<num_of_days){if(day_loop >= days.length){ day_loop = 1; }loop++;code += "<tr>\n";code += "<td width=\"25%\">";code += "<font color=\"#";code += window.document.calendar_form.color4.value;code += "\" size=\"4pt\" face=\"" + font1 + "," + font2 + "\">";code += days[day_loop];code += " ~ ";code += window.document.calendar_form.which_month.selectedIndex;code += "/";code += loop;code += "/";code += window.document.calendar_form.year.value;code += "</font>";code += "</td>\n";code += "<td>";code += "<font color=\"#";code += window.document.calendar_form.color4.value;code += "\" size=\"4pt\" face=\"" + font1 + "," + font2 + "\">";code += window.document.calendar_form.elements[loop+2].value;code += " </font>";code += "</td>\n";code += "</tr>\n";day_loop++;}code += "</table>\n";code += "<p><font size=\"3pt\" color=\"#";code += window.document.calendar_form.color2.value;code += "\" face=\"" + font1 + "," + font2 + "\"><a href=\"";code += window.document.calendar_form.sect.value;code +="\">Return to Area Home Page</a> ¦¦ <a href=\"";code += window.document.calendar_form.home.value;code += "\">Return to Site Home Page</a></font></p>\n";code += "</center>\n";code += "<p><font color=\"#";code += window.document.calendar_form.color2.value;code += "\" size=\"4pt\" face=\"" + font1 + "," + font2 + "\">";code += window.document.calendar_form.note.value;code += "</font></p>\n";code += "<p><font color=\"#";code += window.document.calendar_form.color2.value;code += "\" size=\"2pt\" face=\"" + font1 + "," + font2 + "\">Created with a calendar generator originally coded by Matthew D. Krieg ([email protected]) and modified by Nikola Vrtis ([email protected]). The calendar generator and other scripts can be found at The JavaScript Source (www.javascriptsource.com).</font></p></body></html>\n";msgWindow=window.open("","displayWindow","toolbar=yes,width=640,height=480,directories=no,status=no,scrollbars=yes,resize=yes,menubar=yes");msgWindow.document.write(code);msgWindow.document.close();}function regular() {alert("Disabled");//window.open("","newWindow","toolbar=no,width=300,height=400,directories=no,status=no,scrollbars=yes,resize=yes,menubar=no")}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><form>Click here to open <input type="button" value="a reference calendar" onclick="regular()"></form><p></p><p><b>Event input suggestions:</b> If the event has an explanation, give it a brief title, followed by a colon (:), followed by the explanation. Separate events by typing <br> between the end of one event and the beginning of the next event (this puts the new event on its own line). HTML codes for bold and italic will also work.</p><form name="calendar_form"><table border="2" cellpadding="1" cellspacing="1" width="100%" bgcolor="#eeeeee"><tbody><tr><td>Choose a month: <select name="which_month"><option>select one</option><option>January</option><option>February</option><option>March</option><option>April</option><option>May</option><option>June</option><option>July</option><option>August</option><option>September</option><option>October</option><option>November</option><option>December</option></select></td><td>Number of days that month: <select name="how_many_days"><option>select one</option><option>31</option><option>30</option><option>29</option><option>28</option></select></td><td>Day that the month starts on: <select name="which_day"><option>select one</option><option>Sunday</option><option>Monday</option><option>Tuesday</option><option>Wednesday</option><option>Thursday</option><option>Friday</option><option>Saturday</option></select></td></tr><tr><td>What happens on the 1st? <textarea name="on_1" rows="3" cols="25"></textarea></td><td>What happens on the 2nd? <textarea name="on_2" rows="3" cols="25"></textarea></td><td>What happens on the 3rd? <textarea name="on_3" rows="3" cols="25"></textarea></td></tr><tr><td>What happens on the 4th? <textarea name="on_4" rows="3" cols="25"></textarea></td><td>What happens on the 5th? <textarea name="on_5" rows="3" cols="25"></textarea></td><td>What happens on the 6th? <textarea name="on_6" rows="3" cols="25"></textarea></td></tr><tr><td>What happens on the 7th? <textarea name="on_7" rows="3" cols="25"></textarea></td><td>What happens on the 8th? <textarea name="on_8" rows="3" cols="25"></textarea></td><td>What happens on the 9th? <textarea name="on_9" rows="3" cols="25"></textarea></td></tr><tr><td>What happens on the 10th? <textarea name="on_10" rows="3" cols="25"></textarea></td><td>What happens on the 11th? <textarea name="on_11" rows="3" cols="25"></textarea></td><td>What happens on the 12th? <textarea name="on_12" rows="3" cols="25"></textarea></td></tr><tr><td>What happens on the 13th? <textarea name="on_13" rows="3" cols="25"></textarea></td><td>What happens on the 14th? <textarea name="on_14" rows="3" cols="25"></textarea></td><td>What happens on the 15th? <textarea name="on_15" rows="3" cols="25"></textarea></td></tr><tr><td>What happens on the 16th? <textarea name="on_16" rows="3" cols="25"></textarea></td><td>What happens on the 17th? <textarea name="on_17" rows="3" cols="25"></textarea></td><td>What happens on the 18th? <textarea name="on_18" rows="3" cols="25"></textarea></td></tr><tr><td>What happens on the 19th? <textarea name="on_19" rows="3" cols="25"></textarea></td><td>What happens on the 20th? <textarea name="on_20" rows="3" cols="25"></textarea></td><td>What happens on the 21st? <textarea name="on_21" rows="3" cols="25"></textarea></td></tr><tr><td>What happens on the 22nd? <textarea name="on_22" rows="3" cols="25"></textarea></td><td>What happens on the 23th? <textarea name="on_23" rows="3" cols="25"></textarea></td><td>What happens on the 24th? <textarea name="on_24" rows="3" cols="25"></textarea></td></tr><tr><td>What happens on the 25th? <textarea name="on_25" rows="3" cols="25"></textarea></td><td>What happens on the 26th? <textarea name="on_26" rows="3" cols="25"></textarea></td><td>What happens on the 27th? <textarea name="on_27" rows="3" cols="25"></textarea></td></tr><tr><td>What happens on the 28th? <textarea name="on_28" rows="3" cols="25"></textarea></td><td>What happens on the 29th? <textarea name="on_29" rows="3" cols="25"></textarea></td><td>What happens on the 30th? <textarea name="on_30" rows="3" cols="25"></textarea></td></tr><tr><td>What happens on the 31st? <textarea name="on_31" rows="3" cols="25"></textarea></td><td colspan="2"><p><b>The four-digit year for this calendar is:</b><input type="text" size="4" maxlength="4" name="year"></p></td></tr></tbody></table><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->