Categoría: HTML-Misc

¿Cómo cargar datos JSON en DataTables desde un archivo de texto para la paginación?

Posted on by Rudeus Greyrat

Estamos muy familiarizados con las tablas HTML que se utilizan para almacenar datos relacionados. DataTables es un complemento moderno de jQuery para agregar controles interactivos y avanzados a las tablas HTML de nuestras páginas web. Algunas características de DataTables son la clasificación, búsqueda, paginación y ordenación de datos. Hay muchas formas disponibles para obtener datos … Continue reading «¿Cómo cargar datos JSON en DataTables desde un archivo de texto para la paginación?»

¿Cómo eliminar elementos de una lista agregada usando JavaScript?

Posted on by Rudeus Greyrat

En el siguiente artículo, agregamos y eliminamos dinámicamente elementos de la lista mediante JavaScript. Estamos utilizando JavaScript para agregar y/o eliminar elementos de la lista de forma dinámica, lo que significa que si ejecutamos nuestra página web, mostrará la opción de agregar y eliminar elementos mediante botones.  Enfoque: en la página web, se proporciona un … Continue reading «¿Cómo eliminar elementos de una lista agregada usando JavaScript?»

¿Cómo crear y aplicar dinámicamente la clase CSS en JavaScript?

Posted on by Rudeus Greyrat

En este artículo, veremos cómo crear dinámicamente una clase CSS y aplicarla al elemento dinámicamente usando JavaScript. Para hacer eso, primero creamos una clase y la asignamos a los elementos HTML en los que queremos aplicar la propiedad CSS. Podemos usar la propiedad className y classList en JavaScript. Acercarse: La propiedad className utilizada para agregar … Continue reading «¿Cómo crear y aplicar dinámicamente la clase CSS en JavaScript?»

¿Cómo mostrar/ocultar el elemento div dependiendo de múltiples valores usando Bootstrap y jQuery?

Posted on by Rudeus Greyrat

Bootstrap y jQuery se han utilizado juntos para desarrollar aplicaciones web interactivas. Tanto Bootstrap como jQuery son gratuitos y de código abierto, lo que los hace populares entre los desarrolladores. Este artículo trata sobre cómo mostrar y ocultar la división según la entrada del usuario con la ayuda de Bootstrap y jQuery. A continuación se … Continue reading «¿Cómo mostrar/ocultar el elemento div dependiendo de múltiples valores usando Bootstrap y jQuery?»

¿Cómo crear un proyecto de estado sabio del país Covid19 usando la API REST?

Posted on by Rudeus Greyrat

Hoy, Todos los Países del mundo luchando contra el Coronavirus. Todos los días, los casos de coronavirus aumentan rápidamente. Es importante que todos hagan un seguimiento diario de los casos de COVID y deben tratar de mantenerse a salvo. Hemos creado pequeñas aplicaciones web que le indicarán al usuario un número total de casos, nuevos … Continue reading «¿Cómo crear un proyecto de estado sabio del país Covid19 usando la API REST?»

¿Cómo encontrar la posición de los elementos HTML en JavaScript?

Posted on by Rudeus Greyrat

Dado un documento HTML y la tarea es obtener la posición de cualquier elemento usando JavaScript. Utilice los siguientes pasos para obtener la posición: Paso 1: Seleccionar un elemento: Antes de encontrar la posición, es necesario seleccionar el elemento HTML requerido. Cada elemento en HTML está estructurado en un formato de árbol conocido como DOM … Continue reading «¿Cómo encontrar la posición de los elementos HTML en JavaScript?»

¿Cómo obtener contenido HTML de un iFrame usando JavaScript?

Posted on by Rudeus Greyrat

La etiqueta <iframe> especifica un marco en línea. Nos permite cargar un archivo HTML separado en un documento existente. Fragmento de código: function getIframeContent(frameId) { var frameObj = document.getElementById(frameId); var frameContent = frameObj. contentWindow.document.body.innerHTML; alert(«frame content : » + frameContent); } Algunas de las definiciones se dan a continuación: getIframeContent(frameId): Se utiliza para obtener la … Continue reading «¿Cómo obtener contenido HTML de un iFrame usando JavaScript?»

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

Posted on by 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?»

¿Cómo activar el botón HTML después de presionar el botón Intro en el cuadro de texto usando JavaScript?

Posted on by Rudeus Greyrat

Dado un documento HTML que contiene un área de texto y la tarea es activar el botón cuando el usuario presiona el botón Intro. Podemos hacerlo usando el detector de eventos «keyup», «keydown» o «keypress» en el cuadro de texto según la necesidad. Cuando se dispara este evento, verificamos si la tecla presionada es ENTER … Continue reading «¿Cómo activar el botón HTML después de presionar el botón Intro en el cuadro de texto usando JavaScript?»

¿Cómo reemplazar un valor si es nulo o indefinido en JavaScript?

Posted on by Rudeus Greyrat

En JavaScript, si una variable no se inicializa con ningún valor, se establece en undefined . Podemos establecer un valor predeterminado si un valor no está definido. Esto se puede hacer de dos maneras. Ejemplo 1: Usando controles if (Fuerza bruta). En este método, verificaremos manualmente si un valor no es nulo o no está … Continue reading «¿Cómo reemplazar un valor si es nulo o indefinido en JavaScript?»