ubiquitour.com

Cómo agregar un calendario Javascript a una página Web

Cómo agregar un calendario Javascript a una página Web

Hay muchos calendarios JavaScript gratis puedes descargar y añadir a tu página web. Las más sencillas generan un calendario del mes actual. Calendarios más elegante proporcionan mes y año selección menús, funcionalidad para insertar la fecha seleccionada en un campo de formulario y eventos de la lista incluso desde un archivo externo. Mayoría de los calendarios JavaScript cuentan con instrucciones y generalmente se instala mediante los mismos pasos básicos. \"Basic Calendar\ de Brian Gosselin" le proporcionará una agradable poco genera automáticamente calendario fácil de instalar y utilizar.

Instrucciones

1 Descargar script de calendario básico de Brian Gosselin (enlace en la sección de referencias) y guárdelo en la misma carpeta con su página web.

2 Abra su página web en un editor de texto.

3 Agregue el código siguiente en el área principal de su página web, después de la etiqueta < HEAD > partida y antes de la etiqueta final < / cabeza >.

< estilo tipo = \ "texto/css\" >{} .mainwidth: 200pxIRflotador: izquierdaIR}{} .monthcolor de fondo: negroIRcolor: blancoIR}

{.daysofweek}color de fondo: plataIR}

.Days {}Font: normal 12px SANS-SERIFIR}

.Days #today {}font-weight: boldIRcolor: rojoIR}< / estilo >

< script tipo = \ "texto/javascript\" src=\"basiccalendar.js\" >/***

Básico calendario por Brian Gosselin en http://scriptasylum.com/bgaudiodr/Script en Dynamic Drive (http://www.dynamicdrive.com) este aviso debe permanecer intacto para useVisit http://www.dynamicdrive.com/ código fuente completo***/< /script > 4 Agregue el siguiente código donde desee el calendario que aparece en el cuerpo de su página web, después de la etiqueta < BODY > partida y antes del final < /body > etiqueta:

< script tipo = \ "texto/javascript\" >var hoy = new Date)IRvar mes = today.getMonth() + 1;año var = today.getFullYear();Document.Write (buildCal (mes, año, \"main\", \"month\", \"daysofweek\", \"days\", 1))IR< /script >

El \"vars\" (valores variables) hoy, mes y año se establecerá a la fecha actual. Tenga en cuenta que \"getMonth\" empieza a contar con enero como \"0\ número" por lo que se agrega a \"month\" para establecer el número correcto, 1 a 12, para el mes actual.

5 Guarde su página web.

6 Abra su página web en un explorador web. Modificar el estilo CSS en la sección head de su página web para que coincida con su esquema de color, disposición y preferencias. Consulte la sección referencias para un enlace a un Tutorial de CSS.

Consejos y advertencias

  • Consulte la sección referencias para un enlace a información del calendario básico de Brian Gosselin para aprender más sobre el uso de su script de calendario y ver un ejemplo de agregar un año completo del calendario a tu página web.
  • Busque otros calendarios JavaScript que tengan opciones más de lujo. Consulte la sección recursos para enlaces a páginas de calendario de JavaScript y utilice su motor de búsqueda favorito para buscar calendario de \"JavaScript. \"