En este post te mostraré a traer datos desde PHP usando AJAX. En el primer ejemplo veremos cómo inyectar una página web (fragmento de HTML) a través de AJAX. Dentro del segundo ejemplo veremos cómo traer datos JSON desde PHP de igual manera usando AJAX.
Carga de datos con AJAX y PHP: HTML y JSON Leer más »
En este post te mostraré a enfocar o darle focus a un elemento de un formulario de HTML usando JavaScript, ya sea un input o un textarea. Enfocar un elemento en JavaScript es hacer que, cuando el usuario comience a escribir usando el teclado, el texto aparezca en el campo de texto, en pocas palabras
Enfocar input o textarea con JavaScript Leer más »
Explicación de querySelector y querySelectorAll en JavaScript Introducción a querySelector y querySelectorAll en JS. En este post te explicaré dos funciones de JavaScript que funcionan para obtener referencia a un elemento del DOM. Estoy hablando de: document.querySelector document.querySelectorAll Que bien son un remplazo de document.getElementById y otras funciones un poco complejas.
querySelector y querySelectorAll en JavaScript Leer más »
Uso de los atributos data en HTML y JavaScript Los atributos data de HTML son atributos personalizados que ayudan a asociar información a un elemento HTML (incluso si es creado de manera dinámica) con JavaScript. Estos atributos vienen de maravilla cuando tenemos elementos dinámicos y queremos acceder a ellos en el click de un botón
JavaScript – Asociar información a elementos dinámicos con data-* Leer más »
Renderizar o dibujar una tabla HTML con JavaScript En este post te mostraré a crear una tabla dinámica o elemento <table> de HTML con JavaScript. Es decir, con JavaScript puro dibujar una tabla, agregarle filas y columnas. Para ello no usaremos ningún framework. Las funciones que veremos son: document.createElement – Para crear un elemento, en
Dibujar tabla HTML dinámica con JavaScript Leer más »
Cortar cadena (obtener parte de string) en JavaScript En este post te mostraré a obtener un fragmento de una cadena en JavaScript, es decir, cortar o extraer parte de una cadena de otra usando JS. Este ejercicio sirve para extraer parte de una cadena en el navegador y en Node.js Nota: recuerda que esto ya
Cortar cadena en JavaScript usando substring y substr Leer más »
Códigos de barras con JavaScript En este post te voy a mostrar algunos ejemplos y usos de la librería JsBarcode para generar códigos de barras en elementos HTML usando JavaScript. Vamos a generar códigos de barras con JavaScript en 3 elementos: SVG Canvas Imagen Si deseas mantener la calidad del código de barras, recomiendo que
Códigos de barras con JavaScript usando JSBarcode Leer más »
Resumen En este post te voy a mostrar a ocultar elementos al imprimir una página web, exceptuando algún elemento como un párrafo, imagen o encabezado. Por ejemplo, imprimir algo con Javascript y CSS pero quitando algunos elementos excepto un contenedor o elementos que cumplan cierto criterio. Para lograrlo vamos a usar CSS y Javascript. El
Javascript – mostrar solo algunos elementos al imprimir página web Leer más »