Guía 46 – Cambio interfaz utilizando Jquery y CSS

Estoy aprendiendo a utilizar JQUERY y CSS, y comprendiendo el potencial que facilita estos lenguajes y cómo podemos utilizarlos en nuestros desarrollos de PHPRunner.

En concreto,  para hacer el ejercicio y probar parte de lo que se puede hacer, he estado cambiando el interfaz de los checkbox  que tiene PHPRunner y , yo al menos, creo que no se ha actualizado, ni potenciado desde hace muchos años y es «pobre» y desactualizada su presentación.

Para mejorar el interfaz de los checkbox he estado viendo soluciones en GITHUB en las que a través de CSS cambian todos los aspectos. Al final he seleccionado esta: https://github.com/EvanLiu2968/el-checkbox, pero hay otras muchas posibilidades. También en otros objetos de presentación.

Objetivo

Modificar el interfaz de las aplicaciones PHPRunner utilizando CSS y JQUERY

DEMOhttps://fhumanes.com/icheck/

Con la solución escogida obtenemos este potencial para los checkbox  los radios buttom.
https://fhumanes.com/icheck/MyCode/index.html

Si te interesa este tema sigue leyendo el artículo que lo explica y facilita el código.

Guía 45 – Cuenta Regresiva – Incluir plugin de JavaScript

En el foro de Xlinesoft apareció una consulta de cómo incluir una cuenta regresiva de una fecha fijada y si buscas en internet hay muchas soluciones del tipo «plugin JavaScript» que son muy fáciles de incluir en un proyecto de PHPRunner.

En este caso he utilizado el plugin Flip Countdown https://github.com/pqina/flip . En esta página explica su funcionamiento y dispone de múltiples ejemplos de cómo incluir este plugin en páginas HTML.

Objetivo

Incluir el plugin JavaScript Flip Countdown en un proyecto PHPRunner como un Snippet.

Facilitar un método para incluir cualquier plugin JavaScript en un proyecto PHPRunner

DEMO:  https://fhumanes.com/countDown

El aplicativo dispone del siguiente interfaz:

La fecha que va a tomar cómo límite es la fecha del último registro introducido en la tabla.

Si te interesa este tema, lee el artículo completo en este link

Guía 44 – Pasar valores entre ventanas y del servidor

Esta problemática me la planteó un usuario y he hecho un ejemplo que creo puede interesar a otros usuarios de PHPRunner.

El problema surgió con el ejemplo del lector de QR, en el ejemplo siempre se muestra una ventana «amplia» de la cámara y él deseaba que fuera opcional, es decir, que si se deseaba capturar información a través del QR, se pulsase un botón para hacer esta captura y después se siguiese con los datos de entrada del formulario.

Una vez resuelto el caso, se añadió la capacidad de capturado el valor del QR, que el sistema recuperase información en el servidor y cargar los valores recuperados en otros campos del formulario.

Objetivo

  • Pasar información de una ventana popup «hija» a la ventana principal «padre», directamente por JavaScript.
  • Recogido un valor en un campo, acceder al servidor, recuperar varios valores y cargar los mismos en los campos del formulario.

DEMO: https://fhumanes.com/scannerQR2/

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

Guía 43 – Gestión de un restaurante o cafetería

Este ejemplo es la gestión de las comandas/pedidos que se pueden realizar en un restaurante o cafetería y es muy básico. Sólo tiene por objeto mostrar algunas de las funcionalidades de PHPRunner.

Lo he realizado como muestra o base para unas de las personas que han solicitado mi ayuda.

Objetivo

Utilizar la funcionalidad de «paneles» que  ha incorporado PHPRunner y facilidad de interface de este tipo de aplicaciones, con utilización en su mayor parte de botones, con el objetivo de facilitar su uso en el móvil.

DEMO: https://fhumanes.com/restaurant/

Usuarios:  admin/admin y waiter1/waiter1

Si te interesa este tema sigue leyendo el artículo completo y descarga el ejemplo en este enlace.

Guía 42 – Creación de gráficos en el Server – JPGraph

Varias veces me han preguntado cómo incluir un gráficos en un documento (Word, Excel o PDF) y les he recomendado el uso de la librería de JPGRAPH, pero no les podía ayudar más, ya que yo no había probado a integrar dicha librería.

 

Objetivo

Disponer de un ejemplo de un gráfico de tarta 3D creado con JPGRAPH desde PHPRunner.
En el proyecto facilito todos los ejemplos que facilita el fabricante de JPGRAPH.
También, vuelvo a explicar cómo se crea el contenido de los campos de imágenes/ficheros, para después utilizar la funcionalidad de PHPRunner de visualización de las imágenes.

DEMO: https://fhumanes.com/jpgraph_runner/

Si te interesa esta información, sigue leyendo en este enlace.