Categoría: HTML-Misc

¿Cómo cargar datos de una array de JavaScript usando el complemento jQuery DataTables?

Posted on by Rudeus Greyrat

DataTables es un complemento moderno de jQuery para agregar controles interactivos y avanzados a las tablas HTML de nuestras páginas web. Es un complemento fácil de usar con una amplia gama de opciones para los cambios personalizados del desarrollador. Las características comunes del complemento DataTable son la paginación, el ordenamiento de varias columnas, la clasificación … Continue reading «¿Cómo cargar datos de una array de JavaScript usando el complemento jQuery DataTables?»

¿Cómo alinear el contenido del texto en el centro usando JavaScript?

Posted on by Rudeus Greyrat

En este artículo, alinearemos el contenido del texto en el centro usando JavaScript. Usamos la propiedad textAlign de estilo HTML DOM para establecer la alineación del texto. Sintaxis: object.style.textAlign = «center» La sintaxis anterior establece la alineación del texto en el centro dinámicamente. Ejemplo: HTML <!DOCTYPE html> <html>   <head>     <title>         How to align text … Continue reading «¿Cómo alinear el contenido del texto en el centro usando JavaScript?»

¿Cómo analizar una URL en nombre de host y ruta en javascript?

Posted on by Rudeus Greyrat

¿Cómo analizar una URL en nombre de host y ruta en JavaScript? la Ejemplo 1: HTML <!DOCTYPE html> <html>    <body style=»text-align:center;»>     <h2 style=»color:green;»>         Required URL is:     </h2>            <p id=»para1″></p>        <button onclick=»my_function()»>         Parse It     </button>            <p id=»para2″></p>        <p id=»para3″></p>        <!–Script to parse the URL of          the current web page–>     <script> … Continue reading «¿Cómo analizar una URL en nombre de host y ruta en javascript?»

Diseñe Smiley Face Eyes que sigan el cursor del mouse usando CSS y JS

Posted on by Rudeus Greyrat

Una cara animada usando HTML y CSS y JavaScript. Donde la cara seguirá al cursor. Es uno de los efectos simples de CSS y JavaScript. Para un principiante, es uno de los mejores ejemplos para aprender el concepto de pseudo-elementos. Enfoque: la idea básica de una cara proviene de CSS. Aquí, toda la animación se … Continue reading «Diseñe Smiley Face Eyes que sigan el cursor del mouse usando CSS y JS»

¿Cómo cambiar los bordes del cuadro de entrada después de llenar el cuadro con JavaScript?

Posted on by Rudeus Greyrat

En este artículo, cambiaremos el borde de entrada después de completar el texto en el campo de texto de entrada. El atributo de evento onchange funciona cuando el valor del elemento cambia y selecciona el nuevo valor de la lista. Enfoque: cada vez que el usuario cambia el valor de entrada con algún valor, se … Continue reading «¿Cómo cambiar los bordes del cuadro de entrada después de llenar el cuadro con JavaScript?»

¿Cómo imprimir el contenido de la ventana actual usando JavaScript?

Posted on by Rudeus Greyrat

La tarea es imprimir el contenido de la ventana actual usando el método window.print() en el documento. Se utiliza para abrir el cuadro de diálogo Imprimir para imprimir el documento actual. No tiene ningún valor de parámetro. Sintaxis:   window.print() Ejemplo: Este ejemplo representa cómo imprimir el contenido de la ventana actual usando JavaScript.  html <!DOCTYPE html> … Continue reading «¿Cómo imprimir el contenido de la ventana actual usando JavaScript?»

¿Cómo concatenar literales de expresiones regulares en JavaScript?

Posted on by Rudeus Greyrat

Regex es una secuencia de patrón que se utiliza para hacer coincidir con un patrón. Al buscar datos en un texto, se describe el patrón de búsqueda de lo que estamos buscando. Puede ser un solo carácter o un patrón más complejo. Se puede utilizar para realizar todo tipo de búsquedas de texto. Regex tiene … Continue reading «¿Cómo concatenar literales de expresiones regulares en JavaScript?»

¿Cómo verificar que existe un elemento con una ID específica usando JavaScript?

Posted on by Rudeus Greyrat

Dado un documento HTML que contiene algunos elementos y los elementos contienen algún atributo de identificación. La tarea es verificar que el elemento con una ID específica exista o no use JavaScript (sin JQuery). Hay dos enfoques que se analizan a continuación: Enfoque 1: Primero, usaremos document.getElementById() para obtener la ID y almacenarla en una … Continue reading «¿Cómo verificar que existe un elemento con una ID específica usando JavaScript?»

¿Cómo realizar jQuery Callback después de enviar el formulario?

Posted on by Rudeus Greyrat

El envío posterior al formulario es el conjunto de código que se ejecuta después de que se activa un botón de envío. Por lo general, se usa para dejar en blanco el formulario, una vez que se envía. Por ejemplo, cuando las credenciales de inicio de sesión son incorrectas, la entrada queda en blanco en … Continue reading «¿Cómo realizar jQuery Callback después de enviar el formulario?»

¿Cómo crear una lista desplegable con valores de array usando JavaScript?

Posted on by Rudeus Greyrat

La tarea es agregar elementos al elemento seleccionado de la array de JavaScript. También podemos obtener el valor seleccionado en la lista desplegable usando JavaScript . Aquí completaremos la lista desplegable con una array. A continuación se muestra la descripción de los enfoques populares utilizados en JavaScript. Ejemplo 1: en este ejemplo, la propiedad de … Continue reading «¿Cómo crear una lista desplegable con valores de array usando JavaScript?»