Partage
  • Partager sur Facebook
  • Partager sur Twitter

calendrier

    30 octobre 2008 à 17:18:30

    bonjour,

    j'ai suivis une explication pour insérer un calendrier sur ma page, mais mon code déconne

    voici le lien du suivit : http://www.dynamicdrive.com/dynamicindex6/popcalendar.htm

    et voilà mon code :

    <html>
    	<head>
    		<title>Le Comité Des Parents</title>
    			<div id="en_tête">
    				
    			</div>
    			<script language="JavaScript" src="pupdate.js">
    			</script>	
    			<style>
    			body
    			{
       				width: 760px;
       				margin: auto; /* Pour centrer notre page */
       				margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
       				margin-bottom: 20px;    /* Idem pour le bas du navigateur */
    				/*background-image:url("http://img379.imageshack.us/img379/3677/playtimebackgroundyelloud3.jpg");*/
    				background:url("http://img260.imageshack.us/img260/8/logocomitewn4.jpg") no-repeat fixed top right;
    				background-color:rgb(240,207,77);
    				background-attachment:fixed;
    			}
    			#en_tête
    			{
      				width: 756px;
       				height: 204px;
       				background-image: url("http://img406.imageshack.us/img406/9770/imgbannirecdpbonnetaillan6.png");
       				background-repeat: no-repeat;
       				margin-bottom: 10px;
    				border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
    			}
    			#speedbar
    			{
    				border:2px solid black;	
    				margin-bottom:10px;
    				background-color: rgb(147,181,45);
    				text-align:center;
    			}
    			#corps
    			{
       				margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
       				padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
      				border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
      				background-color: rgb(147,181,45);
    			}
    			a:visited /* Quand le visiteur a déjà vu la page concernée */
    			{
       				text-decoration: none;
       				color: rgb(160,66,3);
    			}
    			a:focus /* Quand le visiteur sélectionne le lien */
    			{
       				text-decoration: underline;
       				color: rgb(160,66,3);
    			}
    			a:hover /* Quand le visiteur pointe sur le lien */
    			{
       				text-decoration: underline;
      				color: rgb(160,66,3);
    			}
    			a /* Lien normal */
    			{
       				text-decoration: none;
      				color: rgb(160,66,3);
      				font-weight:bold;
    			}
    			h1
    			{
    				color:green;
    				text-decoration:underline;
    			}
    
    			h2
    			{
    				color:green;
    				text-decoration:underline;
    			}
    			h3
    			{
    				color:rgb(160,66,3);
    			}
    			p
    			{
    				font-weight:bold;
    				color:rgb(160,66,3);
    			}
    			</style>
    			</head>
    	<body>
    		<!-- menu de gauche -->
    		<div id="speedbar">
    			<a href="Accueil.html">Accueil</a>  -
    			<a href="presentation.html">Présentation</a>  -
    			<a href="Membres.html">Membres</a>  -
    			<a href="Calendrier.html">Calendrier</a>  -
    			<a href="Galerie.html">Galerie photos</a>  -
    			<a href="Historique.html">Historique</a>  -
    			<a href="livre.php">Livre d'or</a> -
    			<a href="Privee.php">Partie Privée</a>
    		</div>
    
    	
    		<div id="corps">
    		<script language="JavaScript">
    if (document.all) {
     document.writeln("<div id=\"PopUpCalendar\" style=\"position:absolute; left:0px; top:0px; z-index:7; width:200px; height:77px; overflow: visible; visibility: hidden; background-color: #FFFFFF; border: 1px none #000000\" onMouseOver=\"if(ppcTI){clearTimeout(ppcTI);ppcTI=false;}\" onMouseOut=\"ppcTI=setTimeout(\'hideCalendar()\',500)\">");
     document.writeln("<div id=\"monthSelector\" style=\"position:absolute; left:0px; top:0px; z-index:9; width:181px; height:27px; overflow: visible; visibility:inherit\">");}
    else if (document.layers) {
     document.writeln("<layer id=\"PopUpCalendar\" pagex=\"0\" pagey=\"0\" width=\"200\" height=\"200\" z-index=\"100\" visibility=\"hide\" bgcolor=\"#FFFFFF\" onMouseOver=\"if(ppcTI){clearTimeout(ppcTI);ppcTI=false;}\" onMouseOut=\"ppcTI=setTimeout('hideCalendar()',500)\">");
     document.writeln("<layer id=\"monthSelector\" left=\"0\" top=\"0\" width=\"181\" height=\"27\" z-index=\"9\" visibility=\"inherit\">");}
    else {
     document.writeln("<p><font color=\"#FF0000\"><b>Error ! The current browser is either too old or too modern (usind DOM document structure).</b></font></p>");}
    </script>
    <noscript><p><font color="#FF0000"><b>JavaScript is not activated !</b></font></p></noscript>
    <table border="1" cellspacing="1" cellpadding="2" width="200" bordercolorlight="#000000" bordercolordark="#000000" vspace="0" hspace="0"><form name="ppcMonthList"><tr><td align="center" bgcolor="#CCCCCC"><a href="javascript:moveMonth('Back')" onMouseOver="window.status=' ';return true;"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>< </b></font></a><font face="MS Sans Serif, sans-serif" size="1"> 
    <select name="sItem" onMouseOut="if(ppcIE){window.event.cancelBubble = true;}" onChange="switchMonth(this.options[this.selectedIndex].value)" style="font-family: 'MS Sans Serif', sans-serif; font-size: 9pt"><option value="0" selected>2000 ? Janvier</option><option value="1">2000 ? Fevirer</option><option value="2">2000 ? Mars</option><option value="3">2000 ? Avril</option><option value="4">2000 ? Mai</option><option value="5">2000 ? Juin</option><option value="6">2000 ? Juillet</option><option value="7">2000 ? Août</option><option value="8">2000 ? Septembre</option><option value="9">2000 ? Octobre</option><option value="10">2000 ? Novembre</option><option value="11">2000 ? Decembre</option><option value="0">2001 ? Janvier</option></select></font><a href="javascript:moveMonth('Forward')" onMouseOver="window.status=' ';return true;"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b> ></b></font></a></td></tr></form></table>
    <table border="1" cellspacing="1" cellpadding="2" bordercolorlight="#000000" bordercolordark="#000000" width="200" vspace="0" hspace="0"><tr align="center" bgcolor="#CCCCCC"><td width="20" bgcolor="#FFFFCC"><b><font face="MS Sans Serif, sans-serif" size="1">Su</font></b></td><td width="20"><b><font face="MS Sans Serif, sans-serif" size="1">Mo</font></b></td><td width="20"><b><font face="MS Sans Serif, sans-serif" size="1">Tu</font></b></td><td width="20"><b><font face="MS Sans Serif, sans-serif" size="1">We</font></b></td><td width="20"><b><font face="MS Sans Serif, sans-serif" size="1">Th</font></b></td><td width="20"><b><font face="MS Sans Serif, sans-serif" size="1">Fr</font></b></td><td width="20" bgcolor="#FFFFCC"><b><font face="MS Sans Serif, sans-serif" size="1">Sa</font></b></td></tr></table>
    <script language="JavaScript">
    if (document.all) {
     document.writeln("</div>");
     document.writeln("<div id=\"monthDays\" style=\"position:absolute; left:0px; top:52px; z-index:8; width:200px; height:17px; overflow: visible; visibility:inherit; background-color: #FFFFFF; border: 1px none #000000\"> </div></div>");}
    else if (document.layers) {
     document.writeln("</layer>");
     document.writeln("<layer id=\"monthDays\" left=\"0\" top=\"52\" width=\"200\" height=\"17\" z-index=\"8\" bgcolor=\"#FFFFFF\" visibility=\"inherit\"> </layer></layer>");}
    else {/*NOP*/}
    </script>
            </div>
    	</body>
    </html>
    


    voilà mais celà ne fonctionne pas du tout chez moi...

    merci d'avance
    • Partager sur Facebook
    • Partager sur Twitter

    calendrier

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown