<SCRIPT language=JavaScript> /* SCRIPT TROUVE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com */ /******************************************************* * CALENDRIER GREGORIEN PERPETUEL v1.0 * * par SKAMP (skamp@befrance.com) (09/09/2000) * ******************************************************** * Ce script permet de choisir un mois et une annee en * * particulier, afin d'afficher dynamiquement le * * calendrier correspondant. Par defaut c'est celui du * * mois courant qui s'affiche. Note : la 1ere semaine * * de l'annee commence le 1er lundi. * * * * Le code suivant s'inspire de celui de Jean-Michel * * Berthier (berth@cybercable.fr, * * perso.cybercable.fr/berth/jstips/calendrier.htm). * * * * MODIFICATIONS NECESSAIRES POUR PORTAGE VERS D'AUTRES * * NAVIGATEURS : N'A ETE TESTE QUE SOUS MICROSOFT * * INTERNET EXPLORER 5.00.2614.3500 * *******************************************************/ var HTMLCode = ""; var DaysList = new Array("Jour_Vide", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb", "Dom"); var MonthsList = new Array("Mois_Vide", "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outobro", "Novembro", "Dezembro"); var MonthLength = new Array("Mois_longueur_vide",31,29,31,30,31,30,31,31,30,31,30,31); var QueryDate = 0; /* Jour demande (date)*/ var QueryMonth = 0; /* Mois demande*/ var QueryYear = 0; /* Annee demandee*/ var QueryDay = 0; /* Jour de la semaine du jour demande, inconnu*/ var FirstDay = 0; /* Jour de la semaine du 1er jour du mois*/ var WeekRef = 0; /* Numerotation des semaines*/ var WeekOne = 0; /* Numerotation des semaines*/ var Today = new Date(); var TodaysYear = Today.getYear(); var TodaysMonth = Today.getMonth() + 1; var TodaysDate = Today.getDate(); var TodaysDay = Today.getDay() + 1; if (TodaysYear < 2000) { TodaysYear += 1900; } /* On commence par verifier les donnees fournies par l'utilisateur*/ function CheckData() { QueryDate = document.Cal.Date.selectedIndex + 1; QueryMonth = document.Cal.Month.selectedIndex + 1; QueryYear = (document.Cal.Century.selectedIndex + 15) * 100 + document.Cal.Year.selectedIndex; MonthLength[2] = CheckLeap(QueryYear); /* on teste si la date choisie est anterieure au lundi 20 decembre 1582*/ if ((QueryYear * 10000 + QueryMonth * 100 + QueryDate) < 15821220) { alert("Vous avez choisi une date antérieure au 20 décembre 1582, hors du calendrier Grégorien. \nVeuillez sélectionner une date plus récente"); document.Cal.reset(); CheckData(); } else if (MonthLength[QueryMonth] < QueryDate) /* on verifie si la date est coherente*/ { alert("Il n'y a pas " + QueryDate + " jours en " + MonthsList[QueryMonth] + " " + QueryYear + " mais " + MonthLength[QueryMonth] + ". \nVeuillez choisir une autre date."); document.Cal.reset(); CheckData(); } else { DisplaySchedule(); } } /* Teste une annee pour determiner si elle est bissextile ou pas*/ function CheckLeap(yy) { if ((yy % 100 != 0 && yy % 4 == 0) || (yy % 400 == 0)) { return 29; } else { return 28; } } /* Renvoie le numero de la semaine correspondant a la date requise*/ function DefWeekNum(dd) { numd = 0; numw = 0; for (n=1; n<QueryMonth; n++) { numd += MonthLength[n]; } numd = numd + dd - (9 - DefDateDay(QueryYear,1,1)); numw = Math.floor(numd / 7) + 1; if (DefDateDay(QueryYear,1,1) == 1) { numw++; } return numw; } /* Renvoie le numero du jour de la semaine correspondant a la date requise */ function DefDateDay(yy,mm,dd) { return Math.floor((Date2Days(yy,mm,dd)-2) % 7) + 1; } /* Transforme la date en nb de jours theoriques */ function Date2Days(yy,mm,dd) { if (mm > 2) { var bis = Math.floor(yy/4) - Math.floor(yy/100) + Math.floor(yy/400); var zy = Math.floor(yy * 365 + bis); var zm = (mm-1) * 31 - Math.floor(mm * 0.4 + 2.3); return (zy + zm + dd); } else { var bis = Math.floor((yy-1)/4) - Math.floor((yy-1)/100) + Math.floor((yy-1)/400); var zy = Math.floor(yy * 365 + bis); return (zy + (mm-1) * 31 + dd); } } /* Produit le code HTML qui formera le calendrier */ function DisplaySchedule() { HTMLCode = "<table cellspacing=0 cellpadding=3 border=3 bordercolor=#000033>"; QueryDay = DefDateDay(QueryYear,QueryMonth,QueryDate); WeekRef = DefWeekNum(QueryDate); WeekOne = DefWeekNum(1); HTMLCode += "<tr align=center><td colspan=8 class=TITRE><b>" + MonthsList[QueryMonth] + " " + QueryYear + "</b></td></tr><tr align=center>"; for (s=1; s<8; s++) { if (QueryDay == s) { HTMLCode += "<td><b><font color=#ff0000>" + DaysList[s] + "</font></b></td>"; } else { HTMLCode += "<td><b>" + DaysList[s] + "</b></td>"; } } HTMLCode += "<td><b><font color=#888888>Sem</font></b></td></tr>"; a = 0; for (i=(1-DefDateDay(QueryYear,QueryMonth,1)); i<MonthLength[QueryMonth]; i++) { HTMLCode += "<tr align=center>"; for (j=1; j<8; j++) { if ((i+j) <= 0) { HTMLCode += "<td> </td>"; } else if ((i+j) == QueryDate) { HTMLCode += "<td><b><font color=#ff0000>" + (i+j) + "</font></b></td>"; } else if ((i+j) > MonthLength[QueryMonth]) { HTMLCode += "<td> </td>"; } else { HTMLCode += "<td>" + (i+j) + "</td>"; } } if ((WeekOne+a) == WeekRef) { HTMLCode += "<td><b><font color=#00aa00>" + WeekRef + "</font></b></td>"; } else { HTMLCode += "<td><font color=#888888>" + (WeekOne+a) + "</font></td>"; } HTMLCode += "</tr>"; a++; i = i + 6; } Calendrier.innerHTML = HTMLCode + "</table>"; } </SCRIPT> <STYLE type=text/css>SELECT { FONT-SIZE: 10px; COLOR: #000033; FONT-FAMILY: Verdana } INPUT { FONT-SIZE: 10px; COLOR: #000033; FONT-FAMILY: Verdana } TABLE { FONT-SIZE: 10px; COLOR: #000033; FONT-FAMILY: Verdana } TITRE { FONT-SIZE: 12px; COLOR: #000033; FONT-FAMILY: Verdana } </STYLE> </HEAD> <BODY text=red bgColor=#ffffff onload=divSet();setClock();> <DIV><EM><FONT face="Signet Roundhand" color=#000000 size=5></FONT></EM> </DIV> <DIV style="FONT: 10pt arial"> <DIV><EM><FONT face="Signet Roundhand" color=#000000 size=5></FONT></EM> </DIV></DIV> <DIV><BR></DIV> <DIV><EM><FONT face="Signet Roundhand" color=#000000 size=5></FONT></EM> </DIV> <DIV><BR></DIV> <DIV> </DIV> <DIV><BR><BR><BR><BR> </DIV> <FORM name=Cal> <CENTER><BR><BR><BR><BR><BR> <H3>CALENDÁRIO PERPÉTUO</H3> <SCRIPT language=JavaScript1.2 type=text/javascript> /* AFFICHE LES 4 MENUS DEROULANTS PERMETTANT DE SELECTIONNER LE JOUR, LE MOIS ET L'ANNEE **************************************************/ DateText = "<select name=\"Date\">" for (d=1; d<32; d++) { DateText += "<option"; if (d == TodaysDate) { DateText += " SELECTED"; } DateText += ">"; if (d < 10) { DateText += "0"; } DateText += d + "</option>"; } DateText += "</select>"; /*************************************************/ MonthText = "<select name=\"Month\">" for (m=1; m<13; m++) { MonthText += "<option"; if (m == TodaysMonth) { MonthText += " SELECTED"; } MonthText += ">"; MonthText += MonthsList[m] + "</option>"; } MonthText += "</select>"; /*************************************************/ CenturyText = "<select name=\"Century\">" for (c=15; c<25; c++) { CenturyText += "<option"; if (c == Math.floor(TodaysYear / 100)) { CenturyText += " SELECTED"; } CenturyText += ">" + c + "</option>"; } CenturyText += "</select>"; /*************************************************/ YearText = "<select name=\"Year\">"; for (y=0; y<100; y++) { YearText += "<option"; if (y == (TodaysYear - Math.floor(TodaysYear / 100) * 100)) { YearText += " SELECTED"; } YearText += ">"; if (y < 10) { YearText += "0"; } YearText += y + "</option>"; } YearText += "</select>"; /*************************************************/ document.write(DateText + MonthText + CenturyText + YearText); </SCRIPT> <INPUT style="FONT-WEIGHT: bold" onclick=CheckData() type=button value=" OK "><BR><BR><INPUT style="FONT-WEIGHT: bold" onclick=document.Cal.reset();CheckData() type=button value=" Ver a data atual "> <BR><BR><BR> <DIV id=Calendrier></DIV></CENTER></FORM> <SCRIPT language=JavaScript1.2 type=text/javascript>CheckData()</SCRIPT> <SCRIPT> function drawCircle(startX,startY,radiusX,radiusY,freq,color) { for(i = 0 ; i < Math.PI*2 ; i = i + freq) { var pointX = startX + Math.cos(i)*radiusX var pointY = startY + Math.sin(i)*radiusY document.write("<DIV STYLE='position:absolute;font-size:1;background-color:" + color + ";top:" + pointY + ";left:" + pointX + ";'>*</DIV>") } } function setClock() { var today = new Date() var HOUR = today.getHours() if(HOUR > 12) { HOUR = HOUR - 12 } var MINUTE = today.getMinutes() var SECOND = today.getSeconds() if(SECOND == 0) { setTimeout("setClock()",1000) } else { secondHand.Rotate(0,0,SECOND*6) longHand.Rotate(0,0,MINUTE*60/10) shortHand.Rotate(0,0,(HOUR*60*60+MINUTE*60)/120) clockHeart() } } function clockHeart() { tmpToday = new Date() var baseSecond = tmpToday.getSeconds() secondHand.SetIdentity() secondHand.Rotate(0,0,baseSecond*6) if(baseSecond == 0) { var baseMinute = tmpToday.getMinutes() longHand.SetIdentity() longHand.Rotate(0,0,baseMinute*60/10) var baseHour = tmpToday.getHours() if(baseHour > 12) { baseHour = baseHour - 12 } shortHand.SetIdentity() shortHand.Rotate(0,0,(baseHour*60*60+baseMinute*60)/120) } setTimeout("clockHeart()",1000) } function divSet(){ secondHand.style.setExpression("left","document.body.clientWidth/2 - secondHand.offsetWidth/2"); secondHand.style.setExpression("top","document.body.clientHeight/2 - secondHand.offsetHeight/2"); shortHand.style.setExpression("left","document.body.clientWidth/2 - secondHand.offsetWidth/2"); shortHand.style.setExpression("top","document.body.clientHeight/2 - secondHand.offsetHeight/2"); longHand.style.setExpression("left","document.body.clientWidth/2 - secondHand.offsetWidth/2"); longHand.style.setExpression("top","document.body.clientHeight/2 - secondHand.offsetHeight/2"); num3.style.setExpression("top","secondHand.style.pixelTop + secondHand.style.pixelWidth/2 - num3.offsetHeight/2") num3.style.setExpression("left","secondHand.style.pixelLeft + secondHand.style.pixelWidth - num3.offsetWidth/2") num6.style.setExpression("top","secondHand.style.pixelTop + secondHand.style.pixelWidth - num3.offsetHeight/2") num6.style.setExpression("left","secondHand.style.pixelLeft + secondHand.style.pixelWidth/2 - num3.offsetWidth/2") num9.style.setExpression("top","secondHand.style.pixelTop + secondHand.style.pixelWidth/2 - num3.offsetHeight/2") num9.style.setExpression("left","secondHand.style.pixelLeft - num3.offsetWidth/2") num0.style.setExpression("top","secondHand.style.pixelTop - num3.offsetHeight/2") num0.style.setExpression("left","secondHand.style.pixelLeft + secondHand.style.pixelWidth/2 - num3.offsetWidth/2") clockCircle.style.setExpression("left","document.body.clientWidth/2 - clockCircle.offsetWidth/2") clockCircle.style.setExpression("top","document.body.clientHeight/2 - clockCircle.offsetHeight/2") } </SCRIPT> <META content="Microsoft FrontPage 5.0" name=GENERATOR> <STYLE></STYLE> <DIV> </DIV> <DIV style="FONT: 10pt arial"> <DIV> </DIV> <DIV><BR></DIV><BGSOUND balance=0 src="cid:044201bf8045$cf119d00$e315e4d5@jceel" volume=-640 loop=infinite> <DIV id=clockCircle style="FILTER: alpha(opacity=100,finishopacity=5,style=2); WIDTH: 300px; POSITION: absolute; HEIGHT: 300px; BACKGROUND-COLOR: blue"></DIV> <DIV id=num0 style="FONT-SIZE: 50px; WIDTH: 30px; COLOR: blue; FONT-FAMILY: Arial; POSITION: absolute; HEIGHT: 30px; TEXT-ALIGN: center">12</DIV> <DIV id=num3 style="FONT-SIZE: 50px; WIDTH: 30px; COLOR: blue; FONT-FAMILY: Arial; POSITION: absolute; HEIGHT: 30px; TEXT-ALIGN: center">3</DIV> <DIV id=num6 style="FONT-SIZE: 50px; WIDTH: 30px; COLOR: blue; FONT-FAMILY: Arial; POSITION: absolute; HEIGHT: 30px; TEXT-ALIGN: center">6</DIV> <DIV id=num9 style="FONT-SIZE: 50px; WIDTH: 30px; COLOR: blue; FONT-FAMILY: Arial; POSITION: absolute; HEIGHT: 30px; TEXT-ALIGN: center">9</DIV> <OBJECT id=secondHand style="WIDTH: 300px; POSITION: absolute; HEIGHT: 300px" classid=clsid:369303C2-D7AC-11d0-89D5-00A0C90833E6><PARAM NAME="SourceURL" VALUE=""><PARAM NAME="CoordinateSystem" VALUE="0"><PARAM NAME="MouseEventsEnabled" VALUE="0"><PARAM NAME="HighQuality" VALUE="0"><PARAM NAME="PreserveAspectRatio" VALUE="-1"><PARAM NAME="Line0001" VALUE="SetLineColor(255,255,255)"><PARAM NAME="Line0002" VALUE="SetLineStyle(1,1)"><PARAM NAME="Line0003" VALUE="Polyline(2,0,0,0,-130)"></OBJECT> <OBJECT id=longHand style="WIDTH: 300px; POSITION: absolute; HEIGHT: 300px" classid=clsid:369303C2-D7AC-11d0-89D5-00A0C90833E6><PARAM NAME="SourceURL" VALUE=""><PARAM NAME="CoordinateSystem" VALUE="0"><PARAM NAME="MouseEventsEnabled" VALUE="0"><PARAM NAME="HighQuality" VALUE="0"><PARAM NAME="PreserveAspectRatio" VALUE="-1"><PARAM NAME="Line0001" VALUE="SetLineColor(128,255,50)"><PARAM NAME="Line0002" VALUE="SetLineStyle(1,1)"><PARAM NAME="Line0003" VALUE="Polyline(6,0,0,-3,0,-3,-150,3,-150,3,0,0,0)"></OBJECT> <OBJECT id=shortHand style="WIDTH: 300px; POSITION: absolute; HEIGHT: 300px" classid=clsid:369303C2-D7AC-11d0-89D5-00A0C90833E6><PARAM NAME="SourceURL" VALUE=""><PARAM NAME="CoordinateSystem" VALUE="0"><PARAM NAME="MouseEventsEnabled" VALUE="0"><PARAM NAME="HighQuality" VALUE="0"><PARAM NAME="PreserveAspectRatio" VALUE="-1"><PARAM NAME="Line0001" VALUE="SetLineColor(0,255,255)"><PARAM NAME="Line0002" VALUE="SetLineStyle(1,1)"><PARAM NAME="Line0003" VALUE="Polyline(6,0,0,-5,0,-5,-120,5,-120,5,0,0,0)"></OBJECT><FONT style="Z-INDEX: 100; POSITION: absolute" face=arial size=4> <CENTER> <p></p> </CENTER></FONT></FONT></DIV> <STYLE>BODY { SCROLLBAR-FACE-COLOR: WHITE; SCROLLBAR-ARROW-COLOR:BLUE; SCROLLBAR-TRACK-COLOR: AQUA } </STYLE> <STYLE>BODY { BORDER-BOTTOM: #99FFFF 19px dashed; BORDER-LEFT: #9999FF 19px dashed; BORDER-RIGHT: #9999FF 19px dashed; BORDER-TOP: #99FFFF 19px dashed } </STYLE> </BODY></HTML>