Code Calendrier Dynamique HoSaM 8:51 AM Code Calendrier Dynamique <!-- DEUX ETAPES D'INSTALLER LE CALENDRIER DYNAMIQUE: <!-- ETAPE 1: INSEREZ LE CODE 1 ENTRE LES BALISES <HEAD>..</HEAD> DU DOCUMENT --><br /> <br /> <HEAD><br /> <br /> <SCRIPT LANGUAGE="JavaScript"> <!-- Ce script et d'autres sont sur le code java GRATUIT --> <!-- LE CODE JAVA - http://www.lecodejava.com --> <!-- Begin var dDate = new Date(); var dCurMonth = dDate.getMonth(); var dCurDayOfMonth = dDate.getDate(); var dCurYear = dDate.getFullYear(); 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] = "Dimanche"; aMonth[0][1] = "Lundi"; aMonth[0][2] = "Mardi"; aMonth[0][3] = "Mercredi"; aMonth[0][4] = "Jeudi"; aMonth[0][5] = "Vendredi"; aMonth[0][6] = "Samedi"; } else if (iDayStyle == 1) { aMonth[0][0] = "Dim"; aMonth[0][1] = "Lun"; aMonth[0][2] = "Mar"; aMonth[0][3] = "Mer"; aMonth[0][4] = "Jeu"; aMonth[0][5] = "Ven"; aMonth[0][6] = "Sam"; } else { aMonth[0][0] = "Di"; aMonth[0][1] = "Lu"; aMonth[0][2] = "Ma"; aMonth[0][3] = "Me"; aMonth[0][4] = "Je"; aMonth[0][5] = "Ve"; 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 = " "; } } } } // End --> </script><br /> <br /> </HEAD><br /> <br /> <!-- ETAPE 2:INSEREZ LE CODE ENTRE LES BALISES <BODY>..</BODY> DU DOCUMENT --><br /> <br /> <BODY><br /> <br /> <script language="JavaScript" for=window event=onload> <!-- Begin var dCurDate = new Date(); frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected = true; for (i = 0; i < frmCalendarSample.tbSelYear.length; i++) if (frmCalendarSample.tbSelYear.options[i].value == dCurDate.getFullYear()) frmCalendarSample.tbSelYear.options[i].selected = true; // End --> </script><br /> <br /> <form name="frmCalendarSample" method="post" action=""><input type="hidden" name="calSelectedDate" value=""><br /> <br /> <table border="1"><tr> <td><br /> <select name="tbSelMonth" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'><br /> <option value="1">Janvier</option><br /> <option value="2">Fevrier</option><br /> <option value="3">Mars</option><br /> <option value="4">Avril</option><br /> <option value="5">Mai</option><br /> <option value="6">Juin</option><br /> <option value="7">Jeuillet</option><br /> <option value="8">Aout</option><br /> <option value="9">Septembre</option><br /> <option value="10">Octobre</option><br /> <option value="11">Novembre</option><br /> <option value="12">Decembre</option><br /> </select><br /> <br /> <select name="tbSelYear" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'><br /> <option value="1998">1998</option><br /> <option value="1999">1999</option><br /> <option value="2000">2000</option><br /> <option value="2001">2001</option><br /> <option value="2002">2002</option><br /> <option value="2003">2003</option><br /> <option value="2004">2004</option><br /> <option value="2005">2005</option><br /> <option value="2006">2006</option><br /> <option value="2007">2007</option><br /> <option value="2008">2008</option><br /> <option value="2009">2009</option><br /> <option value="2010">2010</option><br /> <option value="2011">2011</option><br /> </select><br /> </td> </tr> <tr> <td><br /> <script language="JavaScript"> var dCurDate = new Date(); fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 30, 30, "12px", "bold", 1); </script><br /> </td> </tr> </table></form><br /> <br /> <br /> <!-- Script : 7.01 KB --><br /> <br /> ÔÇÑß ÇáãæÖæÚ: Codes Related Posts