Artículos de Javascript:

Total: 22

LitElement - Formulario de login reactivo con Lit, Fetch API y sin necesidad de hacer build
LitElement - Formulario de login reactivo con Lit, Fetch API y sin necesidad de hacer build

Formulario de ejemplo usando LitElement sin hacer build. Realiza un login usando Fetch API y aplica reactividad mientras se ejecuta la petición, bloqueando el botón y mostrando una imagen de loading.

28-11-2021 22:17
Vue3 ejemplo formulario básico de login usando fetch api y sweetalert
Vue3 ejemplo formulario básico de login usando fetch api y sweetalert

Plantilla básica de formulario de acceso usando Vue 3, Sweet Alert 2 y Fetch API con promesas

23-11-2021 23:53
js Crear modal básico animado desde cero con html, css y vanilla javascript sin jquery
js Crear modal básico animado desde cero con html, css y vanilla javascript sin jquery

js y css - Explico como realizar un modal muy básico animado sin jquery ni bootstrap. La animación se ejecuta solo con css.

09-11-2021 18:57
Obtener los parámetros pasados por get en una url usando vanilla js
Obtener los parámetros pasados por get en una url usando vanilla js

Función js que recupera los valores de los parámetros pasados en la url, el "query string"

24-10-2021 13:10
Ocultar y mostrar botón de Jira Service Desk Widget usando vanilla js
Ocultar y mostrar botón de Jira Service Desk Widget usando vanilla js

Explico como ocultar y mostrar el botón de Jira Service Desk (jsd) al cargar la página

23-10-2021 20:38
Vuejs error vue-toast-notification Uncaught TypeError: (0 , t.createVNode) is not a function
Vuejs error vue-toast-notification Uncaught TypeError: (0 , t.createVNode) is not a function

Explico como solucionar el error (Uncaught ReferenceError: VueToast is not defined) que ocurre al cargar componente VueToast directamente desde CDN

23-10-2021 19:22
Agregar opciones a un elemento select usando js sin jquery
Agregar opciones a un elemento select usando js sin jquery

Un elemento select cargado dinámicamente con elementos option usando vanilla js

22-10-2021 20:08
js -react ejemplo useReducer con fetch y bootstrap 5
js -react ejemplo useReducer con fetch y bootstrap 5

Snippet de carga de productos con fetch aplicando el gestor de estado useReducer. El ejemplo está con fetch en modo promesa o aplicando async y await

16-07-2021 23:11
js - ¿Cuál es el equivalente al operador ?? de php en js?
js - ¿Cuál es el equivalente al operador ?? de php en js?

Explico la utilización y equivalencia del operador ?? en js y similitud con el mismo en PHP.

16-05-2021 18:55
JS - Usar js de bootstrap5 desde CDN como módulo utilizando import from
JS - Usar js de bootstrap5 desde CDN como módulo utilizando import from

Explico cómo interpretar una librería en CDN como módulo js. El ejemplo se basa en bootstrap js pero se puede replicar para cualquier otra.

12-05-2021 22:31
js - subir una imagen con copy paste (no jquery)
js - subir una imagen con copy paste (no jquery)

Snippet en bootstrap 5 y js (sin usar jquery) que detecta el evento paste de una imagen en el documento html y la muestra antes de enviarla al servidor

19-04-2021 20:48
JS - Mostrar toast en bootstrap 5 usando javascript (no jquery)
JS - Mostrar toast en bootstrap 5 usando javascript (no jquery)

Snippet que muestra como lanzar el alert toast de bootstrap 5 con vanilla JS

11-04-2021 22:48
JS recortar imagen antes de subir archivo al servidor sin jquery
JS recortar imagen antes de subir archivo al servidor sin jquery

Snippet js en el que explico como editar una imagen antes de subirla a algún servidor con vanilla js

09-04-2021 23:26
Uncaught SyntaxError: Unexpected token a in JSON at position at JSON.parse (<anonymous>)
Uncaught SyntaxError: Unexpected token a in JSON at position at JSON.parse (<anonymous>)

Solución al error de escape de barra invertida en JSON.parse

12-01-2021 20:27
Generar uuid en js
Generar uuid en js

Función javascript que genera un id único con longitud configurable.

27-12-2020 12:29
React - Crear funciones globales a nivel de proyecto sin tener que hacer import
React - Crear funciones globales a nivel de proyecto sin tener que hacer import

Muestro como adjuntar variables o funciones globales a nivel global de aplicación en un proyecto de React Native

26-12-2020 21:16
Error 400 Bad Request - nginx/1.17.7
Error 400 Bad Request - nginx/1.17.7

Un endpoint de laravel creada con Route::apiResource(...) me estaba dando este error

18-10-2020 19:54
Vue.js - Rellenar un elemento select a partir de un array en js
Vue.js - Rellenar un elemento select a partir de un array en js

Configurar un elemento html de selección tipo select a partir de un array en Vue.js

11-10-2020 11:26
Visualización de las distintas medidas de altura detectadas por js
Visualización de las distintas medidas de altura detectadas por js

Con el fin de entender un poco mejor el ancho y alto de los distintos componentes que se pueden detectar usando js he realizado este boceto. Alturas: height, outerHeight, availHeight, innerHeight, scrollHeight, clientHeight, offsetHeight, scrollTop

28-09-2020 00:00
Crear botón flotante para ir a la parte superior.
Crear botón flotante para ir a la parte superior.

Scroll-up button. Botón que hace scroll up. Botón que desplaza la visualización de la página a la parte superior.

28-09-2020 17:38
Recuperar el atributo "rel" de un elemento anchor
Recuperar el atributo "rel" de un elemento anchor

En jquery el método .attr('rel') no funciona correctamente cuando se trata de anchors. Así que la función que muestro es una alternativa para recuperar este atributo. Función "get_anchors_by_rel()"

27-02-2011 22:53
Eaf lightbox. Lightbox que se ajusta al tamaño de la ventana
Eaf lightbox. Lightbox que se ajusta al tamaño de la ventana

"eaf_lightbox" es un nuevo mostrador de imágenes construido con jquery. Ajusta automáticamente y de forma proporcionada la imagen en pantalla.

27-02-2011 22:11