URL: https://gestionxls.webcindario.com/calendar/

Descripción

Permite generar un código HTML para insertar un calendario en su web (con registro de eventos).

Pasos

1) Crear el código del calendario
- Ingresar a la página https://gestionxls.webcindario.com/calendar/
- En la sección 'Crear un calendario' (debajo a la izquierda) ingresar la contraseña que se utilizará para el acceso al panel de control (y futuras ediciones) y pulsar el botón 'Crear'.

(imagen 1)

- En pantalla aparecerá el id del calendario (superior izq) y sobre la columna derecha dos textbox con los códigos para copiar:

-- a) Código HTML que incluye un iframe y el link al calendario.
-- b) Un código CSS (con estilos para el iframe).
-- Ambos códigos son sugeridos, puede editarlos a gusto.

(imagen 2)

Nota: si desea ingresar eventos, en la parte inferior primero deben seleccionar el año para que se carge el formulario vacío (comentado en el paso 3).

2) Insertar el código en la web
- En esta prueba he creado un HTML con ambos códigos (iframe + CSS) y lo guardé en el escritorio; al ejecutarlo ya se carga el calendario (pero todavía no tiene eventos para mostrar).

(imagen 3)

3) Crear/editar/eliminar eventos
- Ingresar al panel de control (colocar el id del calendario y el password anteriormente ingresados) y pulsar el botón 'Ingresar'.

(imagen 4)

- Seleccionar el año que va a editar (selector en la parte inferior).

(imagen 5)

- Se cargará el formulario con los eventos que tenga registrados más 10 líneas vacías para nuevos eventos.

(imagen 6)

- Edite a gusto (columnas para mes, día y evento).
- Si desea quitar un evento de la lista, deje la fila vacía (o usela para incluir otro evento).
- Pulse 'Aplicar' para guardar los cambios.

Nota 1: mientras edita un pequeño código JavaScript validará el mes y día de cada evento (con base en el año que está editando) marcando la celda en un tono rojizo si hay alguna inconsistencia (aún así podrá enviar el formulario).

Nota 2: el orden cronológico en que ingresa los eventos sólo importa a Ud. (el script los detecta sin necesidad de ordenarlos).

- Antes de guardar los cambios en el servidor, el script validará los datos; los registros completos serán agregados sin más, los que presenten error (mes y/o día no válido y/o evento vacío) se devolverán luego en una tabla. Los eventos validados y aceptados ya quedan incluidos en el registro.
- Apenas guardados, los cambios se reflejarán en el calendario; los eventos se mostrarán en Negrita.

(imagen 7)

4) Cerrar sesión

- Pulse el botón 'Salir'.

Limitaciones
- Estilo del calendario: al tratarse de un iframe, debe ser completado desde el servidor con estilos (esto significa que todos lo verán igual y puede que no quede acorde a su web), y el JavaScript necesario (utiliza AJAX para actualizarse).
- Actualmente hay 2 años para editar eventos (2.011 y 2.012).
- Eventos diarios: de momento, sólo mostrará un evento/día (el control del texto del evento no tiene limitación de caracteres, así que puede ingresar todo en uno).
- Se puede navegar por el formulario mes a mes.
- Browsers: aún no hice pruebas exhaustivas, ni de estilos ni de JavaScript (desarrollado en Chrome).
- Performance: funcionamiento según las condiciones del servicio de Webcindario y Php instalado y configurado.
- El servidcio se presta 'tal cual', sin garantías de mi parte; lo usa si gusta, sino, no está obligado.
- Mantenimiento: intentaré la corrección (y mejoras) de bugs según disponibilidad.
- Probado en webs, desconozco aplicabilidad en foros/blogs (supongo que sí se puede incluir).

Seguridad
- Debe tener presente el id del calendario y la contraseña incluida al crearlo (no poder enviar un mail no hay forma de recuperarla, por otro lado, se guarda codificada con MD5).
- El almanaque quedará a la vista de la gente (y bots), así que no incluya eventos que puedan afectar la sensibiidad; aún así el creador es responsable del contenido.

Novedades: 03/Nov/11

Seguridad
- Captcha: he incorporado un captcha de 2 dígitos (solo para login o crear nuevo calendario).
(imagen 8)

- Cambio de password: ahora, desde el panel de control se puede cambiar la contraseña del
calendario. Para ello es necesario ingresarla 2 veces y pulsar el botón 'Actualizar'.
(imagen 9)

Código del iframe

- Ahora se puede obtener el código en cualquier sesión (anteriormente no); para ello con solo
pulsar en el párrafo se mostrará un TEXTAREA con el código del iframe y su estilo.
(imagen 10)

Estilos personalizados
- Puede editar los estilos; existen 3 alternativas, 2 son personalizadas, una por defecto:
- Personalizadas: pulse en el párrafo, se mostrará un TEXTAREA, aquí inicialmente
aparecerá el estilo por defecto (actual) y puede optar por.
-- editarlo.
-- ingresar una URL de una hoja de estilos personalizada (debe comenzar con 'http://').
- Pulse el botón 'Actualizar', los cambios se reflejarán al refrescar la pantalla (CTRL+F5).
- Default: si borra estos estilos (o cualquier otro error de servidor) se cargarán los estilos
por defecto (que son los actuales).
(imagen 11)

Editor de eventos
- Al cargar los eventos, ahora indica la cantidad de ellos.
- El script detecta el año actual y ya no lo incluye en el selector de año (no podrá seleccionar
2 veces consecutivas el mismo año).

Gracias me hacia falta

Gracias.

El almanaque en sí (HTML+AJAX+Php) ya funcionaba en otras 2 webs, esta parte tengo tranquilidad en cuanto a funcionamiento.

Lo novedoso que ha costado trabajo es el panel de control y vencer que se vea desde otros dominios (de allí el iframe).

La incognita (al menos para mi): ¿ cuantos calendarios podra servir el script sobre este servidor? (sin problemas)

Luego de postear el tema esta madrugada (hora local), tuve alguna idea sobre como implementar estilos personalizados (que por ahora son fijos).

Termino con el tema comentando que:

1) Logré la compatibilidad (funcionamiento de JavaScript y estilos) en:

Firefox 2.0.20 ----------> No muestra bordes superior e izquierdo del iframe
Firefox 3.0.19 ----------> No muestra bordes superior e izquierdo del iframe
Firefox 3.5.19 ----------> No muestra bordes superior e izquierdo del iframe
Firefox 3.6.23 ----------> Ok
Firefox 4.0.1 -----------> Ok
Firefox 5.0.1 -----------> Ok
Firefox 6.0.2 -----------> Ok
Firefox 7.0.1 -----------> Ok
Firefox 9.0 (Aurora) ----> Ok
Firefox 10.0 (Nightly) --> Ok
IE 5.5 ------------------> Ok
IE 6.0 ------------------> Ok
IE 6.0.2900 -------------> Ok
IE 8.0.6001 -------------> Ok
Opera 9.64 --------------> Ok
Opera 11.51 -------------> Ok
Safari 5.1 --------------> Ok

2) Como ya hubo varios cambios en la interfaz, he incluido un archivo de Ayuda actualizado (link al pie del panel de control).

No veo de ninguna manera los eventos aplicados en 2012, además cuando pasas de año y al volver a 2011 desaparecen los eventos de ese año. Hay que refrescar la página para volverlos a ver. ¿Alguna solución...?

Los eventos se ingresan por año, de momento no he implementado la forma de 'copiar' de un año a otro nuevo (para ahorrar la mayoría de la edición); así que primero debes seleccionar un año y editar, luego seleccionas 2012 e ingresas los eventos de ese año.

Acabo de hacer pruebas, tengo eventos en el 2011 y nada para el 2012, y al cambiar de año no se pierde nada de información (Dicienbre/muestra, al pasar a Enero/12 ya no hay nada, al regresar al 2011 vuelve a mostrar los eventos).

Con refrescar página lo que logras es que se reinicialize en el año/mes actual.

Por lo que comentas (no debería suceder), supongo que puede ser por el cache del navegador, el script tiene un generador de variable para provocar el refresco (particularmente necesario para IE), y en los browsers que hice pruebas funciona bien (por lo menos hasta el momento). ¿ Que navegador usas y que versión?

PD: como ya hice algunos cambios (con respecto a lo aqui publicado) y para no estar actualizando este tema, agregue una página de ayuda (link al pié) con imágenes y comentarios actuales.