Javascript

En este tutorial básico de JavaScript con HTML vamos a ver cómo llenar una lista desplegable o select a partir de un arreglo o array. Te voy a enseñar dos ejemplos: uno para llenar un select con un array de tipo cadena y otro ejemplo más completo para ver cómo llenar un select con un arreglo de objetos, teniendo una propiedad como valor y otra como el texto mostrado. ...

En el post de hoy vas a aprender a generar un PDF a partir del contenido de un editor WYSIWYG. Pondremos el editor de contenido a disposición del usuario para que pueda agregar texto e imágenes, y una vez terminado, pueda generar un PDF a partir de lo que haya diseñado. Dicho con otras palabras, te mostraré cómo generar un PDF a partir del texto enriquecido introducido por el usuario. Para esto vamos a usar JavaScript, summernote y dompdf. ...

En estos días estuve buscando un editor HTML o un editor WYSIWYG, parecido al editor de WordPress pero de una manera muy simple. Las siglas hacen referencia a What you see is what you get, que es algo como: lo que ves, es lo que obtienes. Puedes probar el resultado final en el siguiente enlace: https://parzibyte.github.io/ejemplos-javascript/wysiwyg/ Esto es debido a que el HTML resultante, al momento de ser mostrado en otro lugar, se verá igual que en el editor. El punto es que estuve buscando un editor WYSIWYG para integrar con JavaScript en el navegador web, de manera simple y rápida, permitiendo alinear el texto, insertar imágenes y obtener el HTML resultante. Después de buscar y revisar las licencias (está disponible bajo la licencia MIT), encontré summernote y lo quiero recomendar así como mostrarte cómo usar ese editor de HTML en tu web. ...

El día de hoy vamos a ver cómo mostrar las opciones de un select en JavaScript de manera programada, es decir, abrir el select con JS mostrando sus opciones como si el usuario hubiera hecho clic sobre el elemento. Sorprendentemente, invocar a la función click del elemento no funciona. Podemos enfocarlo con focus, pero el select solo va a estar enfocado y no va a mostrar la lista de opciones. Entonces veamos cómo mostrar las opciones de un select (abrir select) con JavaScript. ...

Gracias a la librería html2pdf.js se puede crear un PDF en el navegador web usando solo JavaScript. En mi blog te enseñé a descargar ese PDF, pero ahora te enseñaré otra cosa: cómo enviar ese PDF a un servidor con PHP. Vamos a combinar varias cosas, ya que el PDF también va a llevar una firma manuscrita. Veremos: Cómo solicitar la firma del usuario Enviar esa firma adjunta en el PDF Subir el PDF a PHP Para esto, te recomiendo leer: Generando un PDF desde JS con html2pdf.js Obtener PDF de html2pdf.js y jsPDF como Blob Subir Blob de JS a PHP Solicitar firma de usuario con Canvas y JavaScript Comencemos. ...

En el tutorial de hoy vamos a trabajar con JavaScript y la librería html2pdf.js que a su vez usa jsPDF. Estas librerías sirven para generar un PDF y descargarlo, como ya te he mostrado en otro tutorial. Lo que vamos a ver hoy es cómo obtener el PDF generado como un BLOB, es decir, como un montón de bytes que representan al archivo, ya sea para descargarlo, almacenarlo en otro lugar o enviarlo a algún servidor. ...

En el artículo de hoy vas a aprender a enviar un Blob desde JavaScript del lado del cliente, a PHP en el lado del servidor. Básicamente te voy a enseñar a subir un archivo o montón de bytes representados con la clase Blob. Un Blob en JS puede venir de cualquier lugar: puedes crearlo tú mismo, puede ser un archivo creado por ti o incluso un PDF generado com html2pdf.js. En el ejemplo te enseñaré a subir un Blob que yo he creado usando new Blob, pero como te mencioné anteriormente, este Blob puede venir de cualquier lugar. ...

El día de hoy veremos una función muy simple con JavaScript para agregar ceros a la izquierda de un número hasta que el mismo tenga cierta longitud, es decir, rellenar con ceros a la izquierda hasta tener las cifras deseadas. Esto funciona al generar series, entre otros casos. Veamos cómo hacerlo con JavaScript. ...

En este post vamos a ver cómo generar una serie numérica con JavaScript en donde se solicita lo siguiente: La serie debe tener un prefijo Todos los números deben tener la misma cantidad de cifras, así que se debe rellenar con ceros en caso de ser necesario La serie debe iniciar en un número y terminar en otro, siempre incluyendo el prefijo Por ejemplo, generar una serie que diga “oferta” desde el 1 hasta el 100. Quedaría así: ...

En estos últimos meses he estado trabajando en un diseñador de tickets para imprimir en impresoras térmicas usando los comandos ESC POS. El diseñador gratuito es web y se puede usar para crear tus propios tickets, ya sea ticket de venta, factura de venta, recibo de compra y cualquier otro diseño para imprimir en impresoras térmicas. Si quieres puedes probarlo ya mismo con el enlace a continuación, pero te recomiendo revisar el contenido del post antes de probarlo: https://parzibyte.me/apps/ticket-designer/#/first-steps Vas a poder imprimir imágenes, texto con formato, tablas, códigos QR, códigos de barras, cortar el papel, avanzarlo, abrir el cajón y diseñar cualquier recibo para tu impresora POS. Esto funcionará con impresoras USB sobre Windows, Linux y Raspberry; además de impresoras Bluetooth en Android. Todo usando el mismo diseñador de recibos ESC POS. ...