Este objeto calendario creará un calendario DHTML al gusto:
Es totalmente dinámico, puedes cambiar que mes, día y año es mostrado.
Creando un calendario:
objectName = new Calendar(x,y,hSpace,vSpace)hSpace y vSpace es el ancho horizontal y la altura vertical de cada celda respectivamente. El total del ancho y la altura del calendario es el resultado de estos valores - 7 columnas de ancho, 7 líneas altas.
Solamente tienes que hacer lo usual crear, css, div, activar secuencia:
Ejemplo:
function init() { mycalendar.activate() } mycalendar = new Calendar(150,30,27.18) mycalendar.build() writeCSS ( mycalendar.css ) <script language="javascript"> document.write(mycalendar.div) </script>
Los colores de fondo son fijados por medio del mismo objeto. Pero el tamaño de la letra y los colores de la letra son fijados por los siguientes tipos de CSS que podrán ser insertados dentro de la página y cambiados a cualesquiera propiedades que desees:
<style type="text/css"> <!-- .calDay {font-family:Helvetica; font-size:12pt; color:#000000;} .calNormal {font-family:Helvetica; font-size:12pt; color:#000000;} .calShaded {font-family:Helvetica; font-size:12pt; color:#B0B0B0;} .calHighlighted {font-family:Helvetica; font-size:12pt; color:#FF0000;} --> </style>
Propiedades:
Con la excepción de w y h, las propiedades deben de ser fijadas antes de que crear() "build()"
Métodos:
Hay solamente 2 que deberás utilizar siempre
mycalendar.setDate(0) // fijar al día o año actual, pero no Enero
Ver calendar1.html para un ejemplo de un calendario, que te permitirá de escoger selectivamente cual fecha se mostrará. Ver fuente de Código
Descargar: calendar.js
Fuente de Código: calendar.js
Casa |