Artículos de Javascript:
Total: 22
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.
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
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.
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"
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
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
Agregar opciones a un elemento select usando js sin jquery
Un elemento select cargado dinámicamente con elementos option usando vanilla js
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
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.
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.
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
JS - Mostrar toast en bootstrap 5 usando javascript (no jquery)
Snippet que muestra como lanzar el alert toast de bootstrap 5 con vanilla JS
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
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
Generar uuid en js
Función javascript que genera un id único con longitud configurable.
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
Error 400 Bad Request - nginx/1.17.7
Un endpoint de laravel creada con Route::apiResource(...) me estaba dando este error
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
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
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.
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()"
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.