Objeto Calendario

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>

Haciendo al gusto, Propiedades y Métodos

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()"

w (integer)
devuelve al ancho del calendario (después de creado)
h (integer)
devuelve la altura del calendario (después de creado)
bgColor (hexidecimal)
color de fondo, default es '#e5e5e5'
dayBarColor (hexidecimal)
color de fondo de la barra con los nombres, default es '#c0c0c0'
origDate (Date)
la primera fecha para enseñar en el calendario, default es new Date() (fecha actual). Esto debe ser la objeto Fecha .

Métodos:

Hay solamente 2 que deberás utilizar siempre

useDate(date)
entra una nueva fecha que tiene que ser escrita en el calendario (después que es creado). La fecha mandada deberá de ser objeto fecha "Date".
setDate(month,day,year)
un método simple para fijar la fecha que el calendario mostrará. Solamente manda el mes, el día, y el año (4 dígitos para el año), y este fijará el objeto Fecha "Date" y le mandará al método utilizeFecha() "useDate()" para ti. Este también hará una conversión Y2K. Cualesquiera de estos valores podrán ser fijados nulo "null" y este utilizará el mes, día o año actual.
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

Fuente de Código

Descargar: calendar.js
Fuente de Código: calendar.js

Casa
copyright 1998 Dan Steinman