Guía 69 – Cambio de color de fondo en entrada de datos tipo «hoja de cálculo»

Acababa de terminar de publicar la guía 68 que trata de cambio del color de fondo dependiendo del valor del campo en tipo de entrada de selector radio, cuando en el foro de usuarios de Xlinesoft apareció  otro usuario preguntando lo mismo pero en el tipo de entrada de «hola de cálculo» y me puse hacer un ejemplo para dar solución a ese caso.

 

Objetivo

Cambiar el fondo del campo en los campos de tipo Selección en una entrada de información del tipo «hoja de cálculo».

DEMO: https://fhumanes.com/excel_color/

Si estás interesado en este tema, sigue leyendo el artículo de este enlace.

Guía 68 – Cambio de color del fondo de un campo del tipo «radio»

Rubén me solicitó una forma sencilla (en codificación ) para cambiar el color de fondo de los campos de tipo «radio selector» para un proyecto.

Es frecuente que este tipo de campo se utiliza en páginas de tipo «Check list», dónde hay muchos campos con valores muy simples  en dónde la solución de campos de tipo «radio» es muy eficiente.

No obstante, para dar claridad a los valores introducido el juego de colores de fondo ayuda a identificar los campos rellenos y el contenido de los mismos.

Objetivo:

Disponer de una función de cambio de color dependiendo de los valores de un campo «selector exclusivo» y se que sea muy sencillo para poderlo aplicar a muchos campos de este mismo tipo en un formulario.

DEMO: https://fhumanes.com/radio_color

Si te interesa este tema sigue leyendo el artículo en este enlace.

Guía 67 – Captura de imagen y coordenadas de ubicación

Estando de vacaciones un desarrollador de PHPRunner me escribió que necesitaba capturar una foto por la cámara del PC o del teléfono, pero no quería que el usuario tuviese la opción de tomarla de los archivos del equipo.

Yo entendí, por los datos que me indicaba,  que era como un fichaje de entrada a trabajar, pero con teletrabajo, es decir, verificando la personalidad de la persona  que inicia la labor del día.

Objetivo:

Programar una solución para obtener un registro con los datos del usuario:

  • Fecha  hora de la operación, tomada en el servidor.
  • Coordenadas GPS, para obtener la ubicación del usuario conectado.
  • Fotografía captura online, del usuario conectado al sistema.

Demo:  https://fhumanes.com/captureImage/

Si estás interesado en este tema, sigue leyendo el artículo en este enlace.

Guía 66 – Calendario de actividades de un club

Al publicar los ejemplos que están basados en utilizar la biblioteca FullCanlendar, «Mark Donners» me ha solicitado un ejemplo que he realizado y que deseo compartir con todos vosotros.

El dispone de un club deportivo y establece una serie de sesiones de demostración, etc., y desea anunciarlo a sus usuarios y posibles nuevos clientes, pero desea que sea un «calendario» la forma de mostrar la disponibilidad de las distintas sesiones de los eventos.

Objetivo:

Mostrar en formato calendario la oferta de eventos de un club deportivo. Los requerimientos del aplicativo son:

– El administrador generará los eventos, especificando la tipología, la fecha y hora de emisión y además, gestionará la posibilidad de que el evento esté abierto para la inscripción de los asistentes o esté cerrado para no recibir más inscripciones.

– El visitante, al consultar el evento podrá consultar los datos de este y si está abierto, podrá solicitar la inscripción, presentando el sistema un formulario para recoger sus datos.

– Cuando termina la inscripción, el sistema envía un mensaje de email al visitante inscrito y a los administradores del sistema.

– En la gestión de inscripciones del evento el administrador puede admitir o no admitir la inscripción. El sistema enviará un email al inscriptor indicando si ha sido admitido o se le ha denegado la asistencia.

– Los mensajes de email serán personalizados de acuerdos a los datos del evento y del inscriptor.

DEMO:  https://fhumanes.com/club/

Usuario: admin/admin

Si te interesa este tema, sigue leyendo este artículo.

Guía 65 – Cálculos «en vuelo» con programación en el Server

En algunos casos me habéis preguntado cómo calcular «en vuelo» diferencias entre fechas y otros cálculos, que ya estaban resueltos en la programación PHP del Server.

Últimamente se me ha consultado cómo hacer el cálculo de días entre 2 fechas, que está resuelto en la Guía 21, pero online (en la misma pantalla donde se está introduciendo las fechas.

Aunque os he contestado que utilizando la Guía 21 y la Guía 27, se podía hacer, a las personas que se lo he comentado, les costaba mucho hacerlo, por ello he decidido hacer este ejercicio, para ver si así os es más sencillo utilizar la solución.

Objetivo

La forma habitual de programación es que todo lo que tenga que realizarse en el navegador se haga con JavaScript, pero algunas veces interesa utilizar los cálculos que ya están implementados en el server.

Este ejemplo muestra cómo es fácil de utilizar los cálculos realizados en el Server en formularios Online. Se hace utilizando Ajax, para comunicar procesos del Front-end (navegador) con procesos del Back-end (servidor).

DEMOhttps://fhumanes.com/date_diference2/ 
Usuario: admin/admin

Si te interesa este tema, sigue leyendo el artículo de este link.