knorrigt.com

Home > Internet > Cómo agregar un calendario Javascript para una página Web

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

Advertisement

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

Hay muchos calendarios JavaScript gratis que puedes descargar y agregar a su página web. Los más simples generan un calendario para el mes en curso. calendarios más elegantes proporcionan mes y año de selección de menús, funciones para insertar la fecha seleccionada en un campo de formulario e incluso una lista de eventos desde un archivo externo. La mayoría de los calendarios de JavaScript se proporcionan con instrucciones y generalmente se instalan siguiendo los mismos pasos básicos. de Brian Gosselin \ "Calendario Básico \" le proporcionará un pequeño calendario generado automáticamente que es fácil de instalar y utilizar.

Cosas que necesitará

editor de texto, como Notepad ++

Instrucciones

Descargar Calendario guión básico de Brian Gosselin (enlace que aparece en la sección de Referencias) y guardarlo en la misma carpeta con su página web.

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

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

<Style type = \ "text / css \">
.principal {
Anchura: 200px
IR
flotador izquierdo
IR
}
.month {
background-color: negro
IR
color blanco
IR
}

.días de la semana {
background-color: plata
IR
}

.días {
fuente: normal de 12 píxeles de sans serif
IR
}

#today .days {
font-weight: bold
IR
color rojo
IR
}
</ Style>

<Script type = \ "text / javascript \" src = \ "basiccalendar.js \">
/ * **

  • Calendario-básica Por Brian Gosselin en http://scriptasylum.com/bgaudiodr/

Guión ofrecido en Dynamic Drive (http://www.dynamicdrive.com)

Este aviso debe permanecer intacta para su uso

Visita http://www.dynamicdrive.com/ para el código fuente completo
* ** /
</ Script>

Agregue el código siguiente en el que desea que aparezca el calendario en el cuerpo de su página web, después de la etiqueta <BODY> de partida y antes de la etiqueta de cierre </ body>:

<Script type = \ "text / javascript \">
var hoy = new Date ()
IR
var = mes today.getMonth () + 1;
año var = today.getFullYear ();
document.write (buildCal (mes, año, \ "principal \", \ "mes \", \ "DaysOfWeek \", \ "días \", 1))
IR
</ Script>

El \ "vars \" (valores de variables) hoy en día, mes y año se establecerá en la fecha de hoy. Tenga en cuenta que \ "getMonth \" empieza a contar con enero como el número \ "0 \", así se añade uno a \ "mes \" para establecerlo en el número correcto, de 1 a 12, para el mes en curso.

Guarde la página web.

Abra su página web en un navegador web. Modificar el estilo CSS en la sección de cabecera de su página web para que coincida con la combinación de colores, el diseño y las 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 de calendario básico de Brian Gosselin para aprender más acerca del uso de su guión calendario y ver un ejemplo de la adición de un año calendario completo a su página web.

Busque otros calendarios JavaScript que tienen opciones más elegantes. Vea la sección Recursos para obtener enlaces a sitios naturales de JavaScript, y usar su motor de búsqueda favorito para buscar \ "Calendario JavaScript. \"

Su sitio web es cada vez un poco más popular y ahora quiere añadir publicidad de afiliación a sus páginas, pero no sabe dónde encontrarlos. Usted ve los anuncios de banner en todo tipo de sitios web y se le ha ocurrido poner unos cuantos en su sitio
símbolos de superíndice son de uso frecuente para las notas al pie y otra información. Añadirlos usando HTML. Instrucciones Abra la página en un programa de edición de texto, como el Bloc de notas EditPad o. Coloque el cursor en la que aparecerá el s
Dreamweaver se integra con Flash en formas que hacen que sea fácil para que usted utilice pequeñas películas Flash en tu página para crear texto en fuentes y estilos que normalmente no mostrar en una página web. Los siguientes pasos le mostrará cómo
Cómo crear imágenes en miniatura para una página web
Las miniaturas son representaciones más pequeñas de una imagen más grande en Internet, o una vista previa de lo que un sitio web se parece. Son útiles porque si alguien ve una imagen de lo que un sitio web se parece, van a ser más propensos a hacer c
Cómo escribir casos de prueba para una página Web
Nada es más frustrante que hacer clic en un botón o enlace en una página web y tener produzca un error. Encontrar defectos a través de pruebas estructurado puede ser la diferencia entre la venta de un producto o perder un cliente. Un caso de prueba e
Maximización de clics del motor de búsqueda de su sitio web es una gran preocupación en el desarrollo y el mantenimiento de una presencia en línea. Cuanto mayor sea su página aparece en los resultados de la búsqueda, más probabilidades hay de consegu
Cómo agregar un destino enlace a una página web con Dreamweaver
Para agregar un enlace de destino a una página web con el software Dreamweaver, resalte el elemento que se va ligada, haga clic en el botón "Enlace" en el panel de propiedades y escriba la dirección URL deseada. Enlace de texto e imágenes a otra
Cómo crear su propio calendario Widget para una página web
Aunque es posible crear un widget de calendario a partir de cero para un sitio web de flash o java script, hay una serie de interfaces de programación de calendario conocidas y probadas disponibles para el desarrollador web para hoy gratis en Interne
Cómo hacer un archivo vCard para una página web
Cuando se contabiliza un enlace a su vCard en línea, los visitantes de su sitio web puede agregar su negocio o información personal a su lista de contactos de correo electrónico al instante. Desde vCards son archivos de texto sin formato que siguen u
Las primeras impresiones son realmente importantes. Los visitantes a su sitio web que quieran aprender más acerca de usted y de los servicios o productos suministrados por el usuario pueden ser influenciados positivamente por una página biográfica bi
Streaming de audio permite a los visitantes a su sitio para escuchar las presentaciones de audio, música o grabaciones. Streaming de audio es diferente de audio 'en vivo', que requiere mucho espacio del servidor y equipos de transmisión. Este eHow le
Yahoo Site Builder es una herramienta útil para aquellos con poca o ninguna experiencia en diseño web que quieren crear sus propias páginas web. Site Builder puede ayudarle a disponer el texto, fotos, vídeos, enlaces y mucho más, con simples herramie
La creación de uno de esos fondos sombreados que se ven en los sitios web es una operación que puede realizar mediante cualquier programa de gráficos, incluyendo pintura, Microsoft Publisher y Adobe Photoshop. Sólo tiene que construir una imagen difu
Cómo comprobar los nombres disponibles para una página web
Hay más de 100 millones de sitios web en Internet, y eso significa que muchas de las opciones obvias para el nombre del sitio web pueden no estar disponibles. El uso de un corrector disponibilidad del dominio puede ayudar a determinar qué nombres est
Cómo crear un fondo GIF para una página Web
La mayoría de los navegadores web tienen un fondo blanco o gris. los diseñadores de páginas web suelen sustituir a esto una imagen GIF, que se muestra una y otra vez en un patrón de mosaico sin fin con. Inserción del fondo es relativamente fácil, per
Cómo agregar un Mapquest enlace a una página Web
Si su producto o servicio requiere que los clientes vienen a su ubicación, y que no tienen indicaciones precisas, pueden surgir los clientes insatisfechos o no tienen ningún cliente. Adición de un enlace MapQuest a su página web permite a los cliente
Utilice un fondo frontera lateral para crear contraste en su página web. La frontera lateral es un color o patrón, mientras que el resto de la página es de color blanco para facilitar la lectura. Este tutorial utiliza Paint Shop Pro 5.0 y superiores.
Un mapa de sitio funciona como una tabla de contenido (ver "Cómo agregar una tabla de contenido a una página Web"). Utilice un mapa del sitio, si usted tiene un sitio grande con muchas páginas diferentes y enlaces de destino (ver "Cómo agre
Cómo agregar archivos JavaScript a una página Web con Dreamweaver
Se puede añadir código JavaScript a una página Web en Dreamweaver CC 2014 en Windows 7 o 8.1 por pegar un fragmento de código directamente en el código fuente de la página. Alternativamente, se puede añadir un enlace a su página web que apunta a un a