Calendario para Dreamweaver
TSCalendar es un componente desarrollado para ser usado en Dreamweaver MX y versiones posteriores.
TSCalendar esta concebido para ser usado páginas web que manejen fechas.
La configuración del componente calendario permite adaptarlo a cualquier tipo de
sitio web. Cuando se esta insertando permite seleccionar el lenguage en el cual esta aparecerá
(el lenguage de los meses y dias de la semana pueden ser seleccionados entre el
español, inglés, alemán y japonés) TSCalendar permite la definición de
días especiales para destacarlos cuando se acceda al mes.
El calendario permite the definición de días restringidos, los números de estos días
aparecerán en caracteres tachados cuando se aceda al mes en el cual ellos están
y no seran accesibles a los usuarios del sitio Web.
Esta opción es muy útil cuando se trata de actividades o servicios que no
son usualmente ofrecidas en determinados días.
El calendario tiene dos formas principales de aparecer en la página web de acuerdo
a la versión seleccionada: mostrando el calendario expandido con el mes definido activo
(si usted no define el mes y año para iniciar el calendario
este tomará el año actual por defecto) o mostrando dos comboboxes y una caja de entrada
para seleccionar el día, mes y año, al lado de los cuales estará un ícono el cual
expande el calendario. Más abajo en esta página aparecen dos iágenes ilustrativas.
TSCalendar
es distribuido como extensión para Dreamweaver MX o superior en un fichero .MXP llamado TSCalendar.mxp.
Ejecutando TSCalendar.mxp el componente será instalado y será posible acceder a el
(despues de reiniciar el Dreamweaver) a través de la opción de menú “Insert
=> Dynamic Trio Solutions => Insert TSCalendar” o “Insertbar
=> Dynamic Trio Solutions => Insert TSCalendar”.
Para usar TSCalendar en una página Web que usted esté creando con
Dreamweaver es necesario tener definido primero el sitio Web en el que está trabajando
, y salvar la página en la cual insertará el calendario, para luego seleccionar la
opción “Insert TSCalendar”. TSCalendar abre un diálogo de configuración
que ofrece un grupo de opciones para adaptar TSCalendar a las necesidades de nuestro sitio web.
- Calendar type: Este permite definir la forma en la cual
el calendario aparece cuando se trata de acceder a una página Web, una de las opciones muestra
el calendario abierto, y la otra dos comboboxes y una caja de entrada
para seleccionar el día, mes y año, al lado de los cuales estará un ícono el cual
expande el calendario.
- Language: Selecciona el idioma del calendario (español, inglés,
alemán, japonés)
- Insert remarked dates: Permite la introducción de fechas
que aparecerán destacadas dentro del calendario. La fecha debe tener el formato
mm/dd/yyyy, en caso de que haya más de una fecha destacada, estas deben ser separadas por una
coma "," por ejemplo: 07/04/2006,12/24/2006,12/31/2006.
- Insert restricted dates: Permite la introducción de fechas
que no estarán accesibles a los usuarios del sitio Web, estos sitios Web restringidos
son mostrados en caracteres tachados dentro del calendario para resaltar su significado.
La fecha debe tener el formato
mm/dd/yyyy, en caso de que haya más de una fecha destacada, estas deben ser separadas por una
coma "," por ejemplo: 07/04/2006,12/24/2006,12/31/2006.
¿COMO ACCEDER A LA FECHA SELECCIONADA POR EL USUARIO?
Si la versión seleccionada del calendario es aquella que
mantiene el calendario expandido (ver fig.1 debajo),
tres campos "input" de tipo “hidden”
serán insertados en la página, selMonth<calendar id>, selDay< calendar
id> y selYear< calendar id> los cuales almacenan los valores del mes, dia y año
respectivamente de la fecha seleccionada por el usuario dentro del calendario llamado
TSCalendar<calendar id>. Si el calendario insertado es la version que
permanece oculta y se muestra cuando se da clic en el ícono del calendario, (ver fig2 debajo) tres elementos
serán insertados en su página Web, un campo "select" llamado selMonth<calendar id>, otro
"select" llamado selDay<calendar id> y un campo "input" llamado selYear<calendar
id>. Estos elementos serán actualizados con los datos acordes a la fecha seleccionada por el
visitante en la página.
Una forma de acceder a estos datos es usando JavaScript, VisualBasic Script u otro
script es tomando los valores de la propiedad "value" en los elementos,
selMonth<calendar id>, selDay<calendar id> y selYear<calendar
id>.
Ejemplo, en caso de que el calendario insertado se llame TSCalendar23456:
<script language="text/javascript">
function showDate()
{
alert("El mes seleccionado es: " + selMonth23456.value);
alert("El día seleccionado es: " + selDay23456.value);
alert("El año seleccionado es: " + selYear23456.value);
}
</script>
 |
 |
| fig1 - Calendario Modo 1 | fig2 - Calendario Modo 2 |
Este calendario está disponible para Descarga Instantánea luego de la compra. Costo $9.90 usd. Puede adquirirlo a traves de tarjetas de crédito, Paypal o MoneyBookers:
Componentes y extensiones relacionadas:
Extensión para Dreamweaver para crear vistas previas dinámicas de imágenes en forma de ventanas flotantes arrastrables con efectos de animación y sombras.
Cree con un solo clic un agradable efecto de nieve para sus páginas web.
Crea hints de ayuda con formato HTML sobre elementos en páginas web.