JavaScript-Misc – Página 7

¿Cómo cerrar la ventana usando JavaScript que abre el usuario con una URL?

julio 5, 2022 Rudeus Greyrat

JavaScript no permite cerrar una ventana abierta por el usuario, usando el método window.close() debido a problemas de seguridad. Sin embargo, podemos cerrar una ventana usando una solución alternativa. El enfoque a seguir es abrir la URL actual usando JavaScript para que pueda cerrarse con un script. Los siguientes pasos demuestran este enfoque: Paso 1: … Continue reading «¿Cómo cerrar la ventana usando JavaScript que abre el usuario con una URL?»

¿Cómo crear div editable usando JavaScript?

julio 5, 2022 Rudeus Greyrat

En este artículo, le explicaremos cómo crear un div editable usando HTML, CSS y JavaScript. Un div editable es uno en el que hará clic y luego generará un área de texto editable para editar o escribir cualquier texto en su navegador. Después de editar, cuando haga clic en otro lugar de su navegador, ese … Continue reading «¿Cómo crear div editable usando JavaScript?»

¿Cómo convertir título a URL Slug usando JavaScript?

julio 5, 2022 Rudeus Greyrat

Dado un título y la tarea es convertir el título en un slug de URL usando JavaScript. En este artículo, usaremos HTML para diseñar la estructura básica del cuerpo, CSS se usará para establecer el estilo del cuerpo y JavaScript se usará para implementar la estructura lógica. Requisito previo: Conceptos básicos de HTML Conceptos básicos … Continue reading «¿Cómo convertir título a URL Slug usando JavaScript?»

Explica Chosen y Select2 con ejemplos

julio 5, 2022 Rudeus Greyrat

Los dos complementos de jQuery, Chosen y Select2, se utilizan para diseñar los cuadros de selección. Mejora el aspecto de los cuadros de selección, mejora su comportamiento, haciéndolos mucho más fáciles de usar. Se pueden utilizar tanto para cuadros de selección únicos como para cuadros de selección múltiple. Estas bibliotecas jQuery deben agregarse: seleccionar2.min.js seleccionar2.min.css … Continue reading «Explica Chosen y Select2 con ejemplos»

¿Cómo insertar texto en el área de texto en la posición actual del cursor?

julio 5, 2022 Rudeus Greyrat

Para insertar texto en el área de texto/cuadro de entrada en la posición actual del cursor, necesitamos obtener la posición actual del cursor. Así que aquí el enfoque para obtener la posición actual del cursor. Primero, obtenga la posición actual del cursor con la ayuda de la propiedad llamada selectionStart en textarea/inputbox. Para insertar el … Continue reading «¿Cómo insertar texto en el área de texto en la posición actual del cursor?»

¿Cómo agregar contenido en la sección <head> usando jQuery/JavaScript?

julio 5, 2022 Rudeus Greyrat

Se puede agregar cualquier contenido a la sección <head> utilizando los siguientes dos enfoques: Usando la propiedad document.head Seleccionar el elemento principal usando jQuery Método 1: usar la propiedad document.head: la propiedad head del documento devuelve el elemento head del documento. Cualquier contenido nuevo se puede agregar a este elemento mediante el método appendChild() . … Continue reading «¿Cómo agregar contenido en la sección <head> usando jQuery/JavaScript?»

¿Cómo contar líneas de texto dentro del elemento DOM?

julio 5, 2022 Rudeus Greyrat

Para contar el número de líneas de texto dentro del elemento DOM, utilizaremos el siguiente enfoque. Obtenga la altura total del contenido dentro del elemento DOM. Obtenga la altura de una línea. Al dividir la altura total del contenido por la altura de una línea, obtienes el número total de líneas dentro del elemento. Ejemplo: … Continue reading «¿Cómo contar líneas de texto dentro del elemento DOM?»

¿Cómo cambiar el estilo de fuente usando la lista desplegable en JavaScript?

julio 5, 2022 Rudeus Greyrat

Para cambiar o establecer un estilo de fuente para cierto texto, se debe cambiar la propiedad CSS fontFamily . La propiedad fontFamily establece o devuelve una lista de nombres de familias de fuentes para el texto de un elemento. Sintaxis: object.style.fontFamily = «font» Para cambiar el estilo de fuente mediante el menú desplegable de opciones: … Continue reading «¿Cómo cambiar el estilo de fuente usando la lista desplegable en JavaScript?»

¿Cómo eliminar la columna de la tabla HTML usando JavaScript?

julio 5, 2022 Rudeus Greyrat

Dada una tabla HTML y la tarea es eliminar cierta columna de la tabla HTML. Hay dos enfoques que se analizan a continuación: Enfoque 1: Primero, seleccione la tabla y también obtenga las filas de la tabla usando table.rows . Obtén el número de columnas de una fila y recorre cada una de las columnas. … Continue reading «¿Cómo eliminar la columna de la tabla HTML usando JavaScript?»

Transición de imagen con efecto de desvanecimiento usando JavaScript

julio 5, 2022 Rudeus Greyrat

Dadas algunas imágenes y la tarea es crear una transición lenta de una imagen a otra usando Javascript. Requisito previo: en este artículo, utilizaremos los siguientes métodos de JavaScript. método setInterval() método clearInterval() asíncrono/espera Promesa Enfoque: dadas algunas imágenes y la tarea es cambiar las imágenes después de intervalos regulares con un efecto de desvanecimiento … Continue reading «Transición de imagen con efecto de desvanecimiento usando JavaScript»