¿Cómo ordenar una lista HTML usando JavaScript?

Dada una lista de elementos y la tarea es ordenarlos alfabéticamente y colocar cada elemento en la lista con la ayuda de JavaScript. Método insertBefore(): El método insertBefore() en HTML DOM se usa para insertar un nuevo Node antes del Node existente según lo especificado por el usuario. Sintaxis: node.insertBefore( newnode, existingnode ) Parámetros: Este … Continue reading «¿Cómo ordenar una lista HTML usando JavaScript?»

script.aculo.us Restricción de clasificación Opción

La opción de restricción en el módulo Ordenable se usa para restringir la dirección de movimiento de los elementos mientras se arrastran. Puede configurarse en ‘horizontal’ o ‘vertical’, lo que permite el movimiento solo en esa dirección. Su valor por defecto es ‘vertical’. Sintaxis: Sortable.create(‘list’, {constraint: ‘horizontal’ | ‘vertical’ }) Los siguientes ejemplos demuestran esta … Continue reading «script.aculo.us Restricción de clasificación Opción»

¿Cómo diseñar un widget de filtro para móviles usando el complemento jQuery?

En este artículo, aprenderemos a diseñar un widget filtrable para la interfaz de usuario de aplicaciones móviles utilizando el complemento de barra de filtro jQuery. El complemento funciona con muchos controles HTML como seleccionar, botones, tablas, grupos de control. Descargue los archivos precompilados necesarios desde este enlace y guárdelos en su carpeta de trabajo para … Continue reading «¿Cómo diseñar un widget de filtro para móviles usando el complemento jQuery?»

¿Cómo deshabilitar los eventos de mouseout activados por elementos secundarios?

En este artículo, discutiremos cómo evitar la activación de eventos de «mouseout» no deseados de elementos secundarios debido al burbujeo de eventos. Esta maniobra se puede lograr escuchando los siguientes eventos en lugar de los eventos de «desplazamiento» o «mouseover» y «mouseout»: onmouseenter: este evento se activa cuando el cursor/puntero se mueve sobre un elemento. … Continue reading «¿Cómo deshabilitar los eventos de mouseout activados por elementos secundarios?»

¿Cómo usar la casilla de verificación dentro de la opción Seleccionar usando JavaScript?

Dado un documento HTML y la tarea es agregar la casilla de verificación dentro de la opción de selección usando JavaScript. Acercarse: Cree un elemento de selección que muestre «Opciones de selección» y también cree un div que contenga Casillas de verificación y estilo usando CSS. Agregue la funcionalidad javaScript que se llama cuando el … Continue reading «¿Cómo usar la casilla de verificación dentro de la opción Seleccionar usando JavaScript?»

¿Cómo crear una imagen de lienzo usando Fabric.js?

En este artículo, vamos a ver cómo crear una imagen similar a un lienzo en JavaScript. La imagen similar a un lienzo significa que la imagen se puede mover y se puede cambiar de tamaño según los requisitos. Enfoque: para que esto sea posible, vamos a utilizar una biblioteca de JavaScript llamada FabricJS. Después de … Continue reading «¿Cómo crear una imagen de lienzo usando Fabric.js?»

Mapas de Google | Zoom

El atributo Zoom se utiliza para aumentar o disminuir el nivel de zoom en un punto específico de los mapas. Para personalizar el nivel de zoom, cambie el valor del zoom. El valor predeterminado de zoom es 10. Sintaxis: var CustomOp = { zoom:zoom value }; Ejemplo 1: este ejemplo establece el nivel de zoom … Continue reading «Mapas de Google | Zoom»

Elementos de una etiqueta de formulario

Los formularios se utilizan para recibir información del usuario. Se puede utilizar para registrarse, iniciar sesión en un sitio web o para crear su perfil en un sitio web, etc. La información que se puede recopilar desde un formulario puede ser de varios tipos. Los datos del formulario son manejados por el backend. Hay varios … Continue reading «Elementos de una etiqueta de formulario»

¿Cómo publicar su front-end en la plataforma Surge Cloud?

Requisito: NPM debe estar instalado Como desarrollador front-end, creamos muchos diseños geniales y queremos mostrárselos a los demás. Pero como estudiantes, es posible que no queramos comprar dominios para que el sitio esté activo en la web. Hay algunas herramientas gratuitas disponibles como github y Heroku, pero la configuración es un poco complicada cuando se … Continue reading «¿Cómo publicar su front-end en la plataforma Surge Cloud?»

Asistente HTML en línea: asistentes HTML en ASP.NET MVC

Los HTML Helpers son métodos que devuelven strings HTML. Estos se utilizan en la vista. En términos simples, estos son métodos de C# que se utilizan para devolver HTML. Con los ayudantes de HTML, puede representar un cuadro de texto, un área, una etiqueta de imagen, etc. En MVC, tenemos muchos ayudantes de HTML incorporados … Continue reading «Asistente HTML en línea: asistentes HTML en ASP.NET MVC»